npm - blue-chestnut-solar-expert - Versions diffs - 0.0.52 → 0.0.54 - Mend

blue-chestnut-solar-expert 0.0.52 → 0.0.54

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (223) hide show

package/dist/stencil-library/solar-system-form.entry.js CHANGED Viewed

@@ -4,9 +4,9 @@ import { r as registerInstance, h } from './index-Cx8GOJRA.js';
 import { b as DEFAULT_SOLAR_PANEL_TYPE } from './config-CWfV1nKn.js';
 import { g as getLanguageStrings, s as state } from './store-4trH9erz.js';
 import { d as distExports, H as HEAT_PUMP_CONSUMPTION } from './constants-pXQQsEkH.js';
-import { s as sendLeadToNexvoro } from './api-CU_Hozfq.js';
+import { s as sendLeadToNexvoro } from './api-90JQS7b6.js';
-const outputCss = "/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */\n@layer properties;\n@layer theme, base, components, utilities;\n@layer theme {\n  :root, :host {\n    --font-sans: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\",\n      \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\",\n      \"Courier New\", monospace;\n    --color-black: #000;\n    --spacing: 0.25rem;\n    --container-md: 28rem;\n    --text-xs: 0.75rem;\n    --text-xs--line-height: calc(1 / 0.75);\n    --text-sm: 0.875rem;\n    --text-sm--line-height: calc(1.25 / 0.875);\n    --text-lg: 1.125rem;\n    --text-lg--line-height: calc(1.75 / 1.125);\n    --text-xl: 1.25rem;\n    --text-xl--line-height: calc(1.75 / 1.25);\n    --text-2xl: 1.5rem;\n    --text-2xl--line-height: calc(2 / 1.5);\n    --font-weight-medium: 500;\n    --font-weight-semibold: 600;\n    --font-weight-bold: 700;\n    --radius-4xl: 2rem;\n    --animate-spin: spin 1s linear infinite;\n    --default-transition-duration: 150ms;\n    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    --default-font-family: var(--font-sans);\n    --default-mono-font-family: var(--font-mono);\n    --color-primary: hsl(41 51% 90%);\n    --color-primary-foreground: hsl(0 0% 0%);\n    --color-secondary: hsl(28 100% 8%);\n    --color-secondary-foreground: hsl(0 0% 100%);\n    --color-tertiary: hsl(28 100% 29%);\n    --color-tertiary-foreground: hsl(0 0% 100%);\n    --color-muted: hsl(0 0% 100%);\n    --color-muted-foreground: hsl(0 0% 0%);\n    --color-error: hsl(0 100% 50%);\n    --color-error-foreground: hsl(0 0% 100%);\n    --color-surface: hsl(0 0% 88%);\n    --color-surface-hover: hsl(0 0% 82%);\n    --color-surface-active: hsl(0 0% 64%);\n    --color-text-muted: hsl(0 0% 45%);\n    --color-text-secondary: hsl(0 0% 55%);\n    --color-text-placeholder: hsl(0 0% 73%);\n    --color-border: hsl(0 0% 82%);\n    --color-border-light: hsl(0 0% 93%);\n    --color-success: hsl(142 76% 36%);\n    --color-info: hsl(221 83% 53%);\n    --color-hover: hsl(0 0% 88%);\n    --color-hover-dark: hsl(28 100% 8%);\n    --color-overlay: rgba(0, 0, 0, 0.24);\n    --color-tooltip: hsl(0 0% 13%);\n  }\n}\n@layer base {\n  *, ::after, ::before, ::backdrop, ::file-selector-button {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n    border: 0 solid;\n  }\n  html, :host {\n    line-height: 1.5;\n    -webkit-text-size-adjust: 100%;\n    tab-size: 4;\n    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");\n    font-feature-settings: var(--default-font-feature-settings, normal);\n    font-variation-settings: var(--default-font-variation-settings, normal);\n    -webkit-tap-highlight-color: transparent;\n  }\n  hr {\n    height: 0;\n    color: inherit;\n    border-top-width: 1px;\n  }\n  abbr:where([title]) {\n    -webkit-text-decoration: underline dotted;\n    text-decoration: underline dotted;\n  }\n  h1, h2, h3, h4, h5, h6 {\n    font-size: inherit;\n    font-weight: inherit;\n  }\n  a {\n    color: inherit;\n    -webkit-text-decoration: inherit;\n    text-decoration: inherit;\n  }\n  b, strong {\n    font-weight: bolder;\n  }\n  code, kbd, samp, pre {\n    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace);\n    font-feature-settings: var(--default-mono-font-feature-settings, normal);\n    font-variation-settings: var(--default-mono-font-variation-settings, normal);\n    font-size: 1em;\n  }\n  small {\n    font-size: 80%;\n  }\n  sub, sup {\n    font-size: 75%;\n    line-height: 0;\n    position: relative;\n    vertical-align: baseline;\n  }\n  sub {\n    bottom: -0.25em;\n  }\n  sup {\n    top: -0.5em;\n  }\n  table {\n    text-indent: 0;\n    border-color: inherit;\n    border-collapse: collapse;\n  }\n  :-moz-focusring {\n    outline: auto;\n  }\n  progress {\n    vertical-align: baseline;\n  }\n  summary {\n    display: list-item;\n  }\n  ol, ul, menu {\n    list-style: none;\n  }\n  img, svg, video, canvas, audio, iframe, embed, object {\n    display: block;\n    vertical-align: middle;\n  }\n  img, video {\n    max-width: 100%;\n    height: auto;\n  }\n  button, input, select, optgroup, textarea, ::file-selector-button {\n    font: inherit;\n    font-feature-settings: inherit;\n    font-variation-settings: inherit;\n    letter-spacing: inherit;\n    color: inherit;\n    border-radius: 0;\n    background-color: transparent;\n    opacity: 1;\n  }\n  :where(select:is([multiple], [size])) optgroup {\n    font-weight: bolder;\n  }\n  :where(select:is([multiple], [size])) optgroup option {\n    padding-inline-start: 20px;\n  }\n  ::file-selector-button {\n    margin-inline-end: 4px;\n  }\n  ::placeholder {\n    opacity: 1;\n  }\n  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {\n    ::placeholder {\n      color: currentcolor;\n      @supports (color: color-mix(in lab, red, red)) {\n        color: color-mix(in oklab, currentcolor 50%, transparent);\n      }\n    }\n  }\n  textarea {\n    resize: vertical;\n  }\n  ::-webkit-search-decoration {\n    -webkit-appearance: none;\n  }\n  ::-webkit-date-and-time-value {\n    min-height: 1lh;\n    text-align: inherit;\n  }\n  ::-webkit-datetime-edit {\n    display: inline-flex;\n  }\n  ::-webkit-datetime-edit-fields-wrapper {\n    padding: 0;\n  }\n  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\n    padding-block: 0;\n  }\n  :-moz-ui-invalid {\n    box-shadow: none;\n  }\n  button, input:where([type=\"button\"], [type=\"reset\"], [type=\"submit\"]), ::file-selector-button {\n    appearance: button;\n  }\n  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\n    height: auto;\n  }\n  [hidden]:where(:not([hidden=\"until-found\"])) {\n    display: none !important;\n  }\n}\n@layer utilities {\n  .pointer-events-none {\n    pointer-events: none;\n  }\n  .absolute {\n    position: absolute;\n  }\n  .fixed {\n    position: fixed;\n  }\n  .relative {\n    position: relative;\n  }\n  .inset-0 {\n    inset: calc(var(--spacing) * 0);\n  }\n  .top-0 {\n    top: calc(var(--spacing) * 0);\n  }\n  .top-1 {\n    top: calc(var(--spacing) * 1);\n  }\n  .top-1\\/2 {\n    top: calc(1/2 * 100%);\n  }\n  .left-0 {\n    left: calc(var(--spacing) * 0);\n  }\n  .left-3 {\n    left: calc(var(--spacing) * 3);\n  }\n  .z-20 {\n    z-index: 20;\n  }\n  .z-50 {\n    z-index: 50;\n  }\n  .m-auto {\n    margin: auto;\n  }\n  .mt-1 {\n    margin-top: calc(var(--spacing) * 1);\n  }\n  .mt-4 {\n    margin-top: calc(var(--spacing) * 4);\n  }\n  .mt-6 {\n    margin-top: calc(var(--spacing) * 6);\n  }\n  .mb-1 {\n    margin-bottom: calc(var(--spacing) * 1);\n  }\n  .mb-4 {\n    margin-bottom: calc(var(--spacing) * 4);\n  }\n  .mb-6 {\n    margin-bottom: calc(var(--spacing) * 6);\n  }\n  .block {\n    display: block;\n  }\n  .flex {\n    display: flex;\n  }\n  .grid {\n    display: grid;\n  }\n  .inline {\n    display: inline;\n  }\n  .inline-block {\n    display: inline-block;\n  }\n  .inline-flex {\n    display: inline-flex;\n  }\n  .table {\n    display: table;\n  }\n  .h-4 {\n    height: calc(var(--spacing) * 4);\n  }\n  .h-16 {\n    height: calc(var(--spacing) * 16);\n  }\n  .h-48 {\n    height: calc(var(--spacing) * 48);\n  }\n  .h-\\[400px\\] {\n    height: 400px;\n  }\n  .h-full {\n    height: 100%;\n  }\n  .w-4 {\n    width: calc(var(--spacing) * 4);\n  }\n  .w-16 {\n    width: calc(var(--spacing) * 16);\n  }\n  .w-20 {\n    width: calc(var(--spacing) * 20);\n  }\n  .w-full {\n    width: 100%;\n  }\n  .max-w-md {\n    max-width: var(--container-md);\n  }\n  .flex-1 {\n    flex: 1;\n  }\n  .flex-3 {\n    flex: 3;\n  }\n  .border-collapse {\n    border-collapse: collapse;\n  }\n  .-translate-y-1 {\n    --tw-translate-y: calc(var(--spacing) * -1);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .-translate-y-1\\/2 {\n    --tw-translate-y: calc(calc(1/2 * 100%) * -1);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .transform {\n    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);\n  }\n  .animate-spin {\n    animation: var(--animate-spin);\n  }\n  .resize {\n    resize: both;\n  }\n  .appearance-none {\n    appearance: none;\n  }\n  .grid-cols-2 {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n  .grid-rows-2 {\n    grid-template-rows: repeat(2, minmax(0, 1fr));\n  }\n  .flex-col {\n    flex-direction: column;\n  }\n  .flex-row {\n    flex-direction: row;\n  }\n  .flex-wrap {\n    flex-wrap: wrap;\n  }\n  .items-center {\n    align-items: center;\n  }\n  .items-start {\n    align-items: flex-start;\n  }\n  .items-stretch {\n    align-items: stretch;\n  }\n  .justify-between {\n    justify-content: space-between;\n  }\n  .justify-center {\n    justify-content: center;\n  }\n  .justify-end {\n    justify-content: flex-end;\n  }\n  .justify-start {\n    justify-content: flex-start;\n  }\n  .gap-0 {\n    gap: calc(var(--spacing) * 0);\n  }\n  .gap-1 {\n    gap: calc(var(--spacing) * 1);\n  }\n  .gap-2 {\n    gap: calc(var(--spacing) * 2);\n  }\n  .gap-4 {\n    gap: calc(var(--spacing) * 4);\n  }\n  .space-y-3 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0;\n      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));\n      margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));\n    }\n  }\n  .space-y-4 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0;\n      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));\n      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));\n    }\n  }\n  .space-y-6 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0;\n      margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));\n      margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));\n    }\n  }\n  .rounded {\n    border-radius: 0.25rem;\n  }\n  .rounded-4xl {\n    border-radius: var(--radius-4xl);\n  }\n  .rounded-full {\n    border-radius: calc(infinity * 1px);\n  }\n  .border {\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n  }\n  .border-t-2 {\n    border-top-style: var(--tw-border-style);\n    border-top-width: 2px;\n  }\n  .border-b-2 {\n    border-bottom-style: var(--tw-border-style);\n    border-bottom-width: 2px;\n  }\n  .border-border {\n    border-color: var(--color-border);\n  }\n  .border-error {\n    border-color: var(--color-error);\n  }\n  .border-secondary {\n    border-color: var(--color-secondary);\n  }\n  .bg-black {\n    background-color: var(--color-black);\n  }\n  .bg-muted {\n    background-color: var(--color-muted);\n  }\n  .bg-overlay {\n    background-color: var(--color-overlay);\n  }\n  .bg-primary {\n    background-color: var(--color-primary);\n  }\n  .bg-secondary {\n    background-color: var(--color-secondary);\n  }\n  .bg-surface {\n    background-color: var(--color-surface);\n  }\n  .bg-surface-active {\n    background-color: var(--color-surface-active);\n  }\n  .bg-text-secondary {\n    background-color: var(--color-text-secondary);\n  }\n  .bg-transparent {\n    background-color: transparent;\n  }\n  .p-1 {\n    padding: calc(var(--spacing) * 1);\n  }\n  .p-2 {\n    padding: calc(var(--spacing) * 2);\n  }\n  .p-3 {\n    padding: calc(var(--spacing) * 3);\n  }\n  .p-4 {\n    padding: calc(var(--spacing) * 4);\n  }\n  .p-6 {\n    padding: calc(var(--spacing) * 6);\n  }\n  .px-3 {\n    padding-inline: calc(var(--spacing) * 3);\n  }\n  .px-4 {\n    padding-inline: calc(var(--spacing) * 4);\n  }\n  .py-1 {\n    padding-block: calc(var(--spacing) * 1);\n  }\n  .py-2 {\n    padding-block: calc(var(--spacing) * 2);\n  }\n  .pt-4 {\n    padding-top: calc(var(--spacing) * 4);\n  }\n  .pt-7 {\n    padding-top: calc(var(--spacing) * 7);\n  }\n  .pr-4 {\n    padding-right: calc(var(--spacing) * 4);\n  }\n  .pb-3 {\n    padding-bottom: calc(var(--spacing) * 3);\n  }\n  .pb-4 {\n    padding-bottom: calc(var(--spacing) * 4);\n  }\n  .pl-2 {\n    padding-left: calc(var(--spacing) * 2);\n  }\n  .pl-4 {\n    padding-left: calc(var(--spacing) * 4);\n  }\n  .pl-10 {\n    padding-left: calc(var(--spacing) * 10);\n  }\n  .text-center {\n    text-align: center;\n  }\n  .text-left {\n    text-align: left;\n  }\n  .text-right {\n    text-align: right;\n  }\n  .text-2xl {\n    font-size: var(--text-2xl);\n    line-height: var(--tw-leading, var(--text-2xl--line-height));\n  }\n  .text-lg {\n    font-size: var(--text-lg);\n    line-height: var(--tw-leading, var(--text-lg--line-height));\n  }\n  .text-sm {\n    font-size: var(--text-sm);\n    line-height: var(--tw-leading, var(--text-sm--line-height));\n  }\n  .text-xl {\n    font-size: var(--text-xl);\n    line-height: var(--tw-leading, var(--text-xl--line-height));\n  }\n  .text-xs {\n    font-size: var(--text-xs);\n    line-height: var(--tw-leading, var(--text-xs--line-height));\n  }\n  .font-bold {\n    --tw-font-weight: var(--font-weight-bold);\n    font-weight: var(--font-weight-bold);\n  }\n  .font-medium {\n    --tw-font-weight: var(--font-weight-medium);\n    font-weight: var(--font-weight-medium);\n  }\n  .font-semibold {\n    --tw-font-weight: var(--font-weight-semibold);\n    font-weight: var(--font-weight-semibold);\n  }\n  .text-error {\n    color: var(--color-error);\n  }\n  .text-muted {\n    color: var(--color-muted);\n  }\n  .text-muted-foreground {\n    color: var(--color-muted-foreground);\n  }\n  .text-primary-foreground {\n    color: var(--color-primary-foreground);\n  }\n  .text-secondary {\n    color: var(--color-secondary);\n  }\n  .text-success {\n    color: var(--color-success);\n  }\n  .text-text-muted {\n    color: var(--color-text-muted);\n  }\n  .text-text-placeholder {\n    color: var(--color-text-placeholder);\n  }\n  .text-text-secondary {\n    color: var(--color-text-secondary);\n  }\n  .underline {\n    text-decoration-line: underline;\n  }\n  .accent-tertiary {\n    accent-color: var(--color-tertiary);\n  }\n  .shadow {\n    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .outline {\n    outline-style: var(--tw-outline-style);\n    outline-width: 1px;\n  }\n  .transition-colors {\n    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n  .duration-200 {\n    --tw-duration: 200ms;\n    transition-duration: 200ms;\n  }\n  .hover\\:bg-hover {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-hover);\n      }\n    }\n  }\n  .hover\\:bg-hover-dark {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-hover-dark);\n      }\n    }\n  }\n  .hover\\:bg-muted {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-muted);\n      }\n    }\n  }\n  .hover\\:bg-overlay {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-overlay);\n      }\n    }\n  }\n  .hover\\:bg-secondary {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-secondary);\n      }\n    }\n  }\n  .hover\\:bg-secondary\\/80 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: color-mix(in srgb, hsl(28 100% 8%) 80%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--color-secondary) 80%, transparent);\n        }\n      }\n    }\n  }\n  .hover\\:bg-surface-hover {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-surface-hover);\n      }\n    }\n  }\n  .hover\\:bg-tertiary {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-tertiary);\n      }\n    }\n  }\n  .hover\\:bg-text-secondary {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-text-secondary);\n      }\n    }\n  }\n  .hover\\:text-muted {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--color-muted);\n      }\n    }\n  }\n  .focus\\:border-transparent {\n    &:focus {\n      border-color: transparent;\n    }\n  }\n  .focus\\:ring-2 {\n    &:focus {\n      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    }\n  }\n  .focus\\:ring-info {\n    &:focus {\n      --tw-ring-color: var(--color-info);\n    }\n  }\n  .focus\\:ring-secondary {\n    &:focus {\n      --tw-ring-color: var(--color-secondary);\n    }\n  }\n  .focus\\:ring-tertiary {\n    &:focus {\n      --tw-ring-color: var(--color-tertiary);\n    }\n  }\n  .focus\\:ring-offset-0 {\n    &:focus {\n      --tw-ring-offset-width: 0px;\n      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n    }\n  }\n  .focus\\:outline-none {\n    &:focus {\n      --tw-outline-style: none;\n      outline-style: none;\n    }\n  }\n  .sm\\:flex-row {\n    @media (width >= 40rem) {\n      flex-direction: row;\n    }\n  }\n  .lg\\:gap-4 {\n    @media (width >= 64rem) {\n      gap: calc(var(--spacing) * 4);\n    }\n  }\n  .\\[\\&\\:\\:-webkit-slider-runnable-track\\]\\:rounded-full {\n    &::-webkit-slider-runnable-track {\n      border-radius: calc(infinity * 1px);\n    }\n  }\n  .\\[\\&\\:\\:-webkit-slider-runnable-track\\]\\:bg-black\\/25 {\n    &::-webkit-slider-runnable-track {\n      background-color: color-mix(in srgb, #000 25%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-black) 25%, transparent);\n      }\n    }\n  }\n  .\\[\\&\\:\\:-webkit-slider-thumb\\]\\:h-\\[10px\\] {\n    &::-webkit-slider-thumb {\n      height: 10px;\n    }\n  }\n  .\\[\\&\\:\\:-webkit-slider-thumb\\]\\:w-\\[10px\\] {\n    &::-webkit-slider-thumb {\n      width: 10px;\n    }\n  }\n  .\\[\\&\\:\\:-webkit-slider-thumb\\]\\:appearance-none {\n    &::-webkit-slider-thumb {\n      appearance: none;\n    }\n  }\n  .\\[\\&\\:\\:-webkit-slider-thumb\\]\\:rounded-full {\n    &::-webkit-slider-thumb {\n      border-radius: calc(infinity * 1px);\n    }\n  }\n  .\\[\\&\\:\\:-webkit-slider-thumb\\]\\:bg-muted {\n    &::-webkit-slider-thumb {\n      background-color: var(--color-muted);\n    }\n  }\n}\n@property --tw-translate-x {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-translate-y {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-translate-z {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-rotate-x {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-rotate-y {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-rotate-z {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-skew-x {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-skew-y {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-space-y-reverse {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-border-style {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: solid;\n}\n@property --tw-font-weight {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-shadow-color {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-shadow-alpha {\n  syntax: \"<percentage>\";\n  inherits: false;\n  initial-value: 100%;\n}\n@property --tw-inset-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-inset-shadow-color {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-inset-shadow-alpha {\n  syntax: \"<percentage>\";\n  inherits: false;\n  initial-value: 100%;\n}\n@property --tw-ring-color {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-ring-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-inset-ring-color {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-inset-ring-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-ring-inset {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-ring-offset-width {\n  syntax: \"<length>\";\n  inherits: false;\n  initial-value: 0px;\n}\n@property --tw-ring-offset-color {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: #fff;\n}\n@property --tw-ring-offset-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-outline-style {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: solid;\n}\n@property --tw-duration {\n  syntax: \"*\";\n  inherits: false;\n}\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n@layer properties {\n  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\n    *, ::before, ::after, ::backdrop {\n      --tw-translate-x: 0;\n      --tw-translate-y: 0;\n      --tw-translate-z: 0;\n      --tw-rotate-x: initial;\n      --tw-rotate-y: initial;\n      --tw-rotate-z: initial;\n      --tw-skew-x: initial;\n      --tw-skew-y: initial;\n      --tw-space-y-reverse: 0;\n      --tw-border-style: solid;\n      --tw-font-weight: initial;\n      --tw-shadow: 0 0 #0000;\n      --tw-shadow-color: initial;\n      --tw-shadow-alpha: 100%;\n      --tw-inset-shadow: 0 0 #0000;\n      --tw-inset-shadow-color: initial;\n      --tw-inset-shadow-alpha: 100%;\n      --tw-ring-color: initial;\n      --tw-ring-shadow: 0 0 #0000;\n      --tw-inset-ring-color: initial;\n      --tw-inset-ring-shadow: 0 0 #0000;\n      --tw-ring-inset: initial;\n      --tw-ring-offset-width: 0px;\n      --tw-ring-offset-color: #fff;\n      --tw-ring-offset-shadow: 0 0 #0000;\n      --tw-outline-style: solid;\n      --tw-duration: initial;\n    }\n  }\n}\n";
+const outputCss = "/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */\n@layer properties;\n@layer theme, base, components, utilities;\n@layer theme {\n  :root, :host {\n    --font-sans: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\",\n      \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\",\n      \"Courier New\", monospace;\n    --color-black: #000;\n    --spacing: 0.25rem;\n    --container-md: 28rem;\n    --text-xs: 0.75rem;\n    --text-xs--line-height: calc(1 / 0.75);\n    --text-sm: 0.875rem;\n    --text-sm--line-height: calc(1.25 / 0.875);\n    --text-lg: 1.125rem;\n    --text-lg--line-height: calc(1.75 / 1.125);\n    --text-xl: 1.25rem;\n    --text-xl--line-height: calc(1.75 / 1.25);\n    --text-2xl: 1.5rem;\n    --text-2xl--line-height: calc(2 / 1.5);\n    --font-weight-medium: 500;\n    --font-weight-semibold: 600;\n    --font-weight-bold: 700;\n    --radius-4xl: 2rem;\n    --animate-spin: spin 1s linear infinite;\n    --default-transition-duration: 150ms;\n    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    --default-font-family: var(--font-sans);\n    --default-mono-font-family: var(--font-mono);\n    --color-primary: hsl(41 51% 90%);\n    --color-primary-foreground: hsl(0 0% 0%);\n    --color-secondary: hsl(28 100% 8%);\n    --color-secondary-foreground: hsl(0 0% 100%);\n    --color-tertiary: hsl(28 100% 29%);\n    --color-tertiary-foreground: hsl(0 0% 100%);\n    --color-muted: hsl(0 0% 100%);\n    --color-muted-foreground: hsl(0 0% 0%);\n    --color-error: hsl(0 100% 50%);\n    --color-error-foreground: hsl(0 0% 100%);\n    --color-surface: hsl(0 0% 88%);\n    --color-surface-hover: hsl(0 0% 82%);\n    --color-surface-active: hsl(0 0% 64%);\n    --color-text-muted: hsl(0 0% 45%);\n    --color-text-secondary: hsl(0 0% 55%);\n    --color-text-placeholder: hsl(0 0% 73%);\n    --color-border: hsl(0 0% 82%);\n    --color-border-light: hsl(0 0% 93%);\n    --color-success: hsl(142 76% 36%);\n    --color-info: hsl(221 83% 53%);\n    --color-hover: hsl(0 0% 88%);\n    --color-hover-dark: hsl(28 100% 8%);\n    --color-overlay: rgba(0, 0, 0, 0.24);\n    --color-tooltip: hsl(0 0% 13%);\n  }\n}\n@layer base {\n  *, ::after, ::before, ::backdrop, ::file-selector-button {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n    border: 0 solid;\n  }\n  html, :host {\n    line-height: 1.5;\n    -webkit-text-size-adjust: 100%;\n    tab-size: 4;\n    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");\n    font-feature-settings: var(--default-font-feature-settings, normal);\n    font-variation-settings: var(--default-font-variation-settings, normal);\n    -webkit-tap-highlight-color: transparent;\n  }\n  hr {\n    height: 0;\n    color: inherit;\n    border-top-width: 1px;\n  }\n  abbr:where([title]) {\n    -webkit-text-decoration: underline dotted;\n    text-decoration: underline dotted;\n  }\n  h1, h2, h3, h4, h5, h6 {\n    font-size: inherit;\n    font-weight: inherit;\n  }\n  a {\n    color: inherit;\n    -webkit-text-decoration: inherit;\n    text-decoration: inherit;\n  }\n  b, strong {\n    font-weight: bolder;\n  }\n  code, kbd, samp, pre {\n    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace);\n    font-feature-settings: var(--default-mono-font-feature-settings, normal);\n    font-variation-settings: var(--default-mono-font-variation-settings, normal);\n    font-size: 1em;\n  }\n  small {\n    font-size: 80%;\n  }\n  sub, sup {\n    font-size: 75%;\n    line-height: 0;\n    position: relative;\n    vertical-align: baseline;\n  }\n  sub {\n    bottom: -0.25em;\n  }\n  sup {\n    top: -0.5em;\n  }\n  table {\n    text-indent: 0;\n    border-color: inherit;\n    border-collapse: collapse;\n  }\n  :-moz-focusring {\n    outline: auto;\n  }\n  progress {\n    vertical-align: baseline;\n  }\n  summary {\n    display: list-item;\n  }\n  ol, ul, menu {\n    list-style: none;\n  }\n  img, svg, video, canvas, audio, iframe, embed, object {\n    display: block;\n    vertical-align: middle;\n  }\n  img, video {\n    max-width: 100%;\n    height: auto;\n  }\n  button, input, select, optgroup, textarea, ::file-selector-button {\n    font: inherit;\n    font-feature-settings: inherit;\n    font-variation-settings: inherit;\n    letter-spacing: inherit;\n    color: inherit;\n    border-radius: 0;\n    background-color: transparent;\n    opacity: 1;\n  }\n  :where(select:is([multiple], [size])) optgroup {\n    font-weight: bolder;\n  }\n  :where(select:is([multiple], [size])) optgroup option {\n    padding-inline-start: 20px;\n  }\n  ::file-selector-button {\n    margin-inline-end: 4px;\n  }\n  ::placeholder {\n    opacity: 1;\n  }\n  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {\n    ::placeholder {\n      color: currentcolor;\n      @supports (color: color-mix(in lab, red, red)) {\n        color: color-mix(in oklab, currentcolor 50%, transparent);\n      }\n    }\n  }\n  textarea {\n    resize: vertical;\n  }\n  ::-webkit-search-decoration {\n    -webkit-appearance: none;\n  }\n  ::-webkit-date-and-time-value {\n    min-height: 1lh;\n    text-align: inherit;\n  }\n  ::-webkit-datetime-edit {\n    display: inline-flex;\n  }\n  ::-webkit-datetime-edit-fields-wrapper {\n    padding: 0;\n  }\n  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\n    padding-block: 0;\n  }\n  :-moz-ui-invalid {\n    box-shadow: none;\n  }\n  button, input:where([type=\"button\"], [type=\"reset\"], [type=\"submit\"]), ::file-selector-button {\n    appearance: button;\n  }\n  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\n    height: auto;\n  }\n  [hidden]:where(:not([hidden=\"until-found\"])) {\n    display: none !important;\n  }\n}\n@layer utilities {\n  .pointer-events-none {\n    pointer-events: none;\n  }\n  .absolute {\n    position: absolute;\n  }\n  .fixed {\n    position: fixed;\n  }\n  .relative {\n    position: relative;\n  }\n  .inset-0 {\n    inset: calc(var(--spacing) * 0);\n  }\n  .top-0 {\n    top: calc(var(--spacing) * 0);\n  }\n  .top-1\\/2 {\n    top: calc(1/2 * 100%);\n  }\n  .left-0 {\n    left: calc(var(--spacing) * 0);\n  }\n  .left-3 {\n    left: calc(var(--spacing) * 3);\n  }\n  .z-20 {\n    z-index: 20;\n  }\n  .z-50 {\n    z-index: 50;\n  }\n  .container {\n    width: 100%;\n    @media (width >= 40rem) {\n      max-width: 40rem;\n    }\n    @media (width >= 48rem) {\n      max-width: 48rem;\n    }\n    @media (width >= 64rem) {\n      max-width: 64rem;\n    }\n    @media (width >= 80rem) {\n      max-width: 80rem;\n    }\n    @media (width >= 96rem) {\n      max-width: 96rem;\n    }\n  }\n  .m-auto {\n    margin: auto;\n  }\n  .mt-1 {\n    margin-top: calc(var(--spacing) * 1);\n  }\n  .mt-4 {\n    margin-top: calc(var(--spacing) * 4);\n  }\n  .mt-6 {\n    margin-top: calc(var(--spacing) * 6);\n  }\n  .mb-1 {\n    margin-bottom: calc(var(--spacing) * 1);\n  }\n  .mb-4 {\n    margin-bottom: calc(var(--spacing) * 4);\n  }\n  .mb-6 {\n    margin-bottom: calc(var(--spacing) * 6);\n  }\n  .block {\n    display: block;\n  }\n  .flex {\n    display: flex;\n  }\n  .grid {\n    display: grid;\n  }\n  .inline {\n    display: inline;\n  }\n  .inline-block {\n    display: inline-block;\n  }\n  .inline-flex {\n    display: inline-flex;\n  }\n  .h-4 {\n    height: calc(var(--spacing) * 4);\n  }\n  .h-16 {\n    height: calc(var(--spacing) * 16);\n  }\n  .h-48 {\n    height: calc(var(--spacing) * 48);\n  }\n  .h-\\[400px\\] {\n    height: 400px;\n  }\n  .h-full {\n    height: 100%;\n  }\n  .w-4 {\n    width: calc(var(--spacing) * 4);\n  }\n  .w-16 {\n    width: calc(var(--spacing) * 16);\n  }\n  .w-20 {\n    width: calc(var(--spacing) * 20);\n  }\n  .w-full {\n    width: 100%;\n  }\n  .max-w-md {\n    max-width: var(--container-md);\n  }\n  .flex-1 {\n    flex: 1;\n  }\n  .flex-3 {\n    flex: 3;\n  }\n  .-translate-y-1\\/2 {\n    --tw-translate-y: calc(calc(1/2 * 100%) * -1);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .transform {\n    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);\n  }\n  .animate-spin {\n    animation: var(--animate-spin);\n  }\n  .cursor-not-allowed {\n    cursor: not-allowed;\n  }\n  .resize {\n    resize: both;\n  }\n  .appearance-none {\n    appearance: none;\n  }\n  .grid-cols-2 {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n  .grid-rows-2 {\n    grid-template-rows: repeat(2, minmax(0, 1fr));\n  }\n  .flex-col {\n    flex-direction: column;\n  }\n  .flex-row {\n    flex-direction: row;\n  }\n  .flex-wrap {\n    flex-wrap: wrap;\n  }\n  .items-center {\n    align-items: center;\n  }\n  .items-start {\n    align-items: flex-start;\n  }\n  .items-stretch {\n    align-items: stretch;\n  }\n  .justify-between {\n    justify-content: space-between;\n  }\n  .justify-center {\n    justify-content: center;\n  }\n  .justify-end {\n    justify-content: flex-end;\n  }\n  .justify-start {\n    justify-content: flex-start;\n  }\n  .gap-0 {\n    gap: calc(var(--spacing) * 0);\n  }\n  .gap-1 {\n    gap: calc(var(--spacing) * 1);\n  }\n  .gap-2 {\n    gap: calc(var(--spacing) * 2);\n  }\n  .gap-4 {\n    gap: calc(var(--spacing) * 4);\n  }\n  .space-y-3 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0;\n      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));\n      margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));\n    }\n  }\n  .space-y-4 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0;\n      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));\n      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));\n    }\n  }\n  .space-y-6 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0;\n      margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));\n      margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));\n    }\n  }\n  .rounded {\n    border-radius: 0.25rem;\n  }\n  .rounded-4xl {\n    border-radius: var(--radius-4xl);\n  }\n  .rounded-full {\n    border-radius: calc(infinity * 1px);\n  }\n  .border {\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n  }\n  .border-2 {\n    border-style: var(--tw-border-style);\n    border-width: 2px;\n  }\n  .border-t-2 {\n    border-top-style: var(--tw-border-style);\n    border-top-width: 2px;\n  }\n  .border-b-2 {\n    border-bottom-style: var(--tw-border-style);\n    border-bottom-width: 2px;\n  }\n  .border-border {\n    border-color: var(--color-border);\n  }\n  .border-current {\n    border-color: currentcolor;\n  }\n  .border-error {\n    border-color: var(--color-error);\n  }\n  .border-error\\/20 {\n    border-color: color-mix(in srgb, hsl(0 100% 50%) 20%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--color-error) 20%, transparent);\n    }\n  }\n  .border-secondary {\n    border-color: var(--color-secondary);\n  }\n  .border-success\\/20 {\n    border-color: color-mix(in srgb, hsl(142 76% 36%) 20%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--color-success) 20%, transparent);\n    }\n  }\n  .border-t-transparent {\n    border-top-color: transparent;\n  }\n  .bg-black {\n    background-color: var(--color-black);\n  }\n  .bg-error\\/10 {\n    background-color: color-mix(in srgb, hsl(0 100% 50%) 10%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-error) 10%, transparent);\n    }\n  }\n  .bg-muted {\n    background-color: var(--color-muted);\n  }\n  .bg-overlay {\n    background-color: var(--color-overlay);\n  }\n  .bg-primary {\n    background-color: var(--color-primary);\n  }\n  .bg-secondary {\n    background-color: var(--color-secondary);\n  }\n  .bg-success\\/10 {\n    background-color: color-mix(in srgb, hsl(142 76% 36%) 10%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-success) 10%, transparent);\n    }\n  }\n  .bg-surface {\n    background-color: var(--color-surface);\n  }\n  .bg-surface-active {\n    background-color: var(--color-surface-active);\n  }\n  .bg-text-secondary {\n    background-color: var(--color-text-secondary);\n  }\n  .bg-transparent {\n    background-color: transparent;\n  }\n  .p-1 {\n    padding: calc(var(--spacing) * 1);\n  }\n  .p-2 {\n    padding: calc(var(--spacing) * 2);\n  }\n  .p-3 {\n    padding: calc(var(--spacing) * 3);\n  }\n  .p-4 {\n    padding: calc(var(--spacing) * 4);\n  }\n  .p-6 {\n    padding: calc(var(--spacing) * 6);\n  }\n  .px-3 {\n    padding-inline: calc(var(--spacing) * 3);\n  }\n  .px-4 {\n    padding-inline: calc(var(--spacing) * 4);\n  }\n  .px-6 {\n    padding-inline: calc(var(--spacing) * 6);\n  }\n  .py-1 {\n    padding-block: calc(var(--spacing) * 1);\n  }\n  .py-2 {\n    padding-block: calc(var(--spacing) * 2);\n  }\n  .py-3 {\n    padding-block: calc(var(--spacing) * 3);\n  }\n  .pt-4 {\n    padding-top: calc(var(--spacing) * 4);\n  }\n  .pt-7 {\n    padding-top: calc(var(--spacing) * 7);\n  }\n  .pr-4 {\n    padding-right: calc(var(--spacing) * 4);\n  }\n  .pb-3 {\n    padding-bottom: calc(var(--spacing) * 3);\n  }\n  .pb-4 {\n    padding-bottom: calc(var(--spacing) * 4);\n  }\n  .pl-2 {\n    padding-left: calc(var(--spacing) * 2);\n  }\n  .pl-4 {\n    padding-left: calc(var(--spacing) * 4);\n  }\n  .pl-10 {\n    padding-left: calc(var(--spacing) * 10);\n  }\n  .text-center {\n    text-align: center;\n  }\n  .text-right {\n    text-align: right;\n  }\n  .text-2xl {\n    font-size: var(--text-2xl);\n    line-height: var(--tw-leading, var(--text-2xl--line-height));\n  }\n  .text-lg {\n    font-size: var(--text-lg);\n    line-height: var(--tw-leading, var(--text-lg--line-height));\n  }\n  .text-sm {\n    font-size: var(--text-sm);\n    line-height: var(--tw-leading, var(--text-sm--line-height));\n  }\n  .text-xl {\n    font-size: var(--text-xl);\n    line-height: var(--tw-leading, var(--text-xl--line-height));\n  }\n  .text-xs {\n    font-size: var(--text-xs);\n    line-height: var(--tw-leading, var(--text-xs--line-height));\n  }\n  .font-bold {\n    --tw-font-weight: var(--font-weight-bold);\n    font-weight: var(--font-weight-bold);\n  }\n  .font-medium {\n    --tw-font-weight: var(--font-weight-medium);\n    font-weight: var(--font-weight-medium);\n  }\n  .font-semibold {\n    --tw-font-weight: var(--font-weight-semibold);\n    font-weight: var(--font-weight-semibold);\n  }\n  .text-error {\n    color: var(--color-error);\n  }\n  .text-muted {\n    color: var(--color-muted);\n  }\n  .text-muted-foreground {\n    color: var(--color-muted-foreground);\n  }\n  .text-primary-foreground {\n    color: var(--color-primary-foreground);\n  }\n  .text-secondary {\n    color: var(--color-secondary);\n  }\n  .text-success {\n    color: var(--color-success);\n  }\n  .text-text-muted {\n    color: var(--color-text-muted);\n  }\n  .text-text-placeholder {\n    color: var(--color-text-placeholder);\n  }\n  .text-text-secondary {\n    color: var(--color-text-secondary);\n  }\n  .accent-tertiary {\n    accent-color: var(--color-tertiary);\n  }\n  .shadow {\n    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .transition-colors {\n    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n  .duration-200 {\n    --tw-duration: 200ms;\n    transition-duration: 200ms;\n  }\n  .hover\\:bg-hover {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-hover);\n      }\n    }\n  }\n  .hover\\:bg-muted {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-muted);\n      }\n    }\n  }\n  .hover\\:bg-overlay {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-overlay);\n      }\n    }\n  }\n  .hover\\:bg-secondary\\/80 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: color-mix(in srgb, hsl(28 100% 8%) 80%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--color-secondary) 80%, transparent);\n        }\n      }\n    }\n  }\n  .hover\\:bg-surface-hover {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-surface-hover);\n      }\n    }\n  }\n  .hover\\:bg-tertiary {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-tertiary);\n      }\n    }\n  }\n  .hover\\:bg-text-secondary {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-text-secondary);\n      }\n    }\n  }\n  .focus\\:border-transparent {\n    &:focus {\n      border-color: transparent;\n    }\n  }\n  .focus\\:ring-2 {\n    &:focus {\n      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    }\n  }\n  .focus\\:ring-info {\n    &:focus {\n      --tw-ring-color: var(--color-info);\n    }\n  }\n  .focus\\:ring-secondary {\n    &:focus {\n      --tw-ring-color: var(--color-secondary);\n    }\n  }\n  .focus\\:ring-tertiary {\n    &:focus {\n      --tw-ring-color: var(--color-tertiary);\n    }\n  }\n  .focus\\:ring-offset-0 {\n    &:focus {\n      --tw-ring-offset-width: 0px;\n      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n    }\n  }\n  .focus\\:outline-none {\n    &:focus {\n      --tw-outline-style: none;\n      outline-style: none;\n    }\n  }\n  .sm\\:flex-row {\n    @media (width >= 40rem) {\n      flex-direction: row;\n    }\n  }\n  .lg\\:gap-4 {\n    @media (width >= 64rem) {\n      gap: calc(var(--spacing) * 4);\n    }\n  }\n  .\\[\\&\\:\\:-webkit-slider-runnable-track\\]\\:rounded-full {\n    &::-webkit-slider-runnable-track {\n      border-radius: calc(infinity * 1px);\n    }\n  }\n  .\\[\\&\\:\\:-webkit-slider-runnable-track\\]\\:bg-black\\/25 {\n    &::-webkit-slider-runnable-track {\n      background-color: color-mix(in srgb, #000 25%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-black) 25%, transparent);\n      }\n    }\n  }\n  .\\[\\&\\:\\:-webkit-slider-thumb\\]\\:h-\\[10px\\] {\n    &::-webkit-slider-thumb {\n      height: 10px;\n    }\n  }\n  .\\[\\&\\:\\:-webkit-slider-thumb\\]\\:w-\\[10px\\] {\n    &::-webkit-slider-thumb {\n      width: 10px;\n    }\n  }\n  .\\[\\&\\:\\:-webkit-slider-thumb\\]\\:appearance-none {\n    &::-webkit-slider-thumb {\n      appearance: none;\n    }\n  }\n  .\\[\\&\\:\\:-webkit-slider-thumb\\]\\:rounded-full {\n    &::-webkit-slider-thumb {\n      border-radius: calc(infinity * 1px);\n    }\n  }\n  .\\[\\&\\:\\:-webkit-slider-thumb\\]\\:bg-muted {\n    &::-webkit-slider-thumb {\n      background-color: var(--color-muted);\n    }\n  }\n}\n@property --tw-translate-x {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-translate-y {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-translate-z {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-rotate-x {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-rotate-y {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-rotate-z {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-skew-x {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-skew-y {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-space-y-reverse {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-border-style {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: solid;\n}\n@property --tw-font-weight {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-shadow-color {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-shadow-alpha {\n  syntax: \"<percentage>\";\n  inherits: false;\n  initial-value: 100%;\n}\n@property --tw-inset-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-inset-shadow-color {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-inset-shadow-alpha {\n  syntax: \"<percentage>\";\n  inherits: false;\n  initial-value: 100%;\n}\n@property --tw-ring-color {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-ring-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-inset-ring-color {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-inset-ring-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-ring-inset {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-ring-offset-width {\n  syntax: \"<length>\";\n  inherits: false;\n  initial-value: 0px;\n}\n@property --tw-ring-offset-color {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: #fff;\n}\n@property --tw-ring-offset-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-duration {\n  syntax: \"*\";\n  inherits: false;\n}\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n@layer properties {\n  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\n    *, ::before, ::after, ::backdrop {\n      --tw-translate-x: 0;\n      --tw-translate-y: 0;\n      --tw-translate-z: 0;\n      --tw-rotate-x: initial;\n      --tw-rotate-y: initial;\n      --tw-rotate-z: initial;\n      --tw-skew-x: initial;\n      --tw-skew-y: initial;\n      --tw-space-y-reverse: 0;\n      --tw-border-style: solid;\n      --tw-font-weight: initial;\n      --tw-shadow: 0 0 #0000;\n      --tw-shadow-color: initial;\n      --tw-shadow-alpha: 100%;\n      --tw-inset-shadow: 0 0 #0000;\n      --tw-inset-shadow-color: initial;\n      --tw-inset-shadow-alpha: 100%;\n      --tw-ring-color: initial;\n      --tw-ring-shadow: 0 0 #0000;\n      --tw-inset-ring-color: initial;\n      --tw-inset-ring-shadow: 0 0 #0000;\n      --tw-ring-inset: initial;\n      --tw-ring-offset-width: 0px;\n      --tw-ring-offset-color: #fff;\n      --tw-ring-offset-shadow: 0 0 #0000;\n      --tw-duration: initial;\n    }\n  }\n}\n";
 const SolarSystemForm = class {
     constructor(hostRef) {
@@ -248,13 +248,13 @@ const SolarSystemForm = class {
     }
     render() {
         const t = getLanguageStrings(state.settings.language);
-        return (h("div", { key: '9fc4ad043b8a87881f3ef350e32064171cb907c2', class: "flex flex-col justify-center items-center w-full h-full pt-4" // style={{
+        return (h("div", { key: '3cf332bdf77951b27786ae183dcf4558b993bc6b', class: "flex flex-col justify-center items-center w-full h-full pt-4" // style={{
             ,
             //     display: (Object.keys(this.systemConfigs).length === 0)
             //         ? "none"
             //         : "flex",
             // }}
-            id: "solar-system-form" }, h("h1", { key: '42a8f18f9fb546eec491df4d934dbdd9772ec4bf', class: "text-2xl font-bold text-secondary mb-4 w-full" }, t.solarSystemForm.title), h("div", { key: 'c59928127f53d791345f264437b47c348e3492a4', class: "w-full bg-primary rounded-4xl p-6 space-y-6" }, h("div", { key: '6ef7e5941473507886178993c16bda8a45a8c4f9', class: "space-y-4" }, h("h2", { key: '7953f02ab6528c1a05ebb703392b0ee63fa814f6', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.systemInformation), h("div", { key: '7026c0d9a12ced5fbfd27c1919c7ea78e4d8e4ec', class: "flex flex-col sm:flex-row gap-4" }, h("div", { key: '444923e0f1cb39238fb783a5ee4572e840520df7', class: "flex-1 bg-muted rounded-4xl p-4 space-y-3" }, h("div", { key: 'c6e454a350c47ee923cf8793b0cf7c0f6551251f', class: "flex items-center justify-between" }, h("label", { key: 'efb74a28acbd7897893e774f9bd4e1aa2a3d527e', class: "text-sm font-medium text-text-muted" }, t.solarSystemForm.numberOfPanels), !this.isIOS()
+            id: "solar-system-form" }, h("h1", { key: '99e7654227053103707fec92e133f58001354c6c', class: "text-2xl font-bold text-secondary mb-4 w-full" }, t.solarSystemForm.title), h("div", { key: '54fd73f74d68be86e127acbc4f4c934e0057b4f0', class: "w-full bg-primary rounded-4xl p-6 space-y-6" }, h("div", { key: 'cf47b284ab120f85d72cc608870730cfbb37d4e2', class: "space-y-4" }, h("h2", { key: 'e974e0a02d9f8e1ad1f98595c51d518bd25c1ad4', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.systemInformation), h("div", { key: 'baac53205b330d9adc81c2d448d750bd3fa5e757', class: "flex flex-col sm:flex-row gap-4" }, h("div", { key: 'd36e3b9d79d85e31947a370a878d1bfa59744293', class: "flex-1 bg-muted rounded-4xl p-4 space-y-3" }, h("div", { key: 'b99f9a6c98a373e8bf2ffe2c4abfecaf6e3cbd71', class: "flex items-center justify-between" }, h("label", { key: '0d27ed10817cb3edef31a180da103deee64d4e23', class: "text-sm font-medium text-text-muted" }, t.solarSystemForm.numberOfPanels), !this.isIOS()
             ? (h("input", { type: "number", class: "w-20 px-3 py-1 rounded-full bg-muted text-muted-foreground text-right", value: this.numberOfPanels, readOnly: true }))
             : (h("input", { type: "number", min: "1", max: this.maxPanels, class: "w-20 px-3 py-1 rounded-full border border-border focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground text-center", value: this.numberOfPanels, onInput: (e) => {
                     const value = parseInt(e.target
@@ -266,34 +266,34 @@ const SolarSystemForm = class {
                             value;
                         this.recalculate();
                     }
-                } }))), !this.isIOS() && (h("input", { key: '0e9cefcb4192fa692c0554de8b15b0fb243fe427', type: "range", min: "1", max: this.maxPanels, step: "1", class: "input-slider w-full custom-range appearance-none rounded-full bg-transparent [&::-webkit-slider-runnable-track]:rounded-full [&::-webkit-slider-runnable-track]:bg-black/25 [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:h-[10px] [&::-webkit-slider-thumb]:w-[10px] [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:bg-muted", value: this.numberOfPanels, onInput: (e) => {
+                } }))), !this.isIOS() && (h("input", { key: '2f993e501eef218db9d3ce94324cca8bd3391ade', type: "range", min: "1", max: this.maxPanels, step: "1", class: "input-slider w-full custom-range appearance-none rounded-full bg-transparent [&::-webkit-slider-runnable-track]:rounded-full [&::-webkit-slider-runnable-track]:bg-black/25 [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:h-[10px] [&::-webkit-slider-thumb]:w-[10px] [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:bg-muted", value: this.numberOfPanels, onInput: (e) => {
                 this.numberOfPanels = parseInt(e.target
                     .value);
                 this.recalculate();
-            } }))), h("div", { key: '7d1a59a6eea21b50c34cdd5e456221e227587685', class: "flex-1 bg-muted rounded-4xl p-4" }, h("div", { key: '75599a611516fd14f665da2d56ff5be5c6fccc2b', class: "flex items-center justify-between" }, h("label", { key: 'bb51db05769705a393e0232db52d34e5315955c5', class: "text-sm font-medium text-text-muted" }, t.solarSystemForm.panelPeakPower), h("span", { key: '996982aebcc0774b956b4948463b46b2edd514d8', class: "text-text-muted" }, this.panelPeakPower.toFixed(2), " kW")), h("div", { key: '32f8042a96adb8d7804d9ec6f260acaefd648f7e', class: "flex items-center justify-between mt-4" }, h("span", { key: '6c7f7151a5dc7e14433721d466bdb45001f1608e', class: "text-sm font-medium text-text-muted" }, t.solarSystemForm.totalSystemPeakPower), h("span", { key: 'd22fc7d571ae346966b384d961d6bcf5da576327', class: "font-bold text-text-muted" }, (DEFAULT_SOLAR_PANEL_TYPE.kWattPeak *
-            this.numberOfPanels).toFixed(1), " kWp"))))), h("div", { key: '34196e64db9944e839cab88b9bef431c6a68d45c', class: "space-y-4" }, h("h2", { key: '0bcac4404bd642de0bd304620bd9cd6e6bc3cdf3', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.householdConsumptionTitle), h("div", { key: '457928343c2689b4ac70016fb880ffda06e1b316', class: "grid grid-rows-2 gap-0" }, h("div", { key: '45bf9db3a490e1c73073707646372d6dd1659bb2', class: "grid grid-cols-2 gap-4" }, h("label", { key: 'a743f19e43d64c30e991fbcc70ccaad6bb4bdee4', class: "block text-sm font-medium text-text-muted" }, t.solarSystemForm.annualConsumption), h("label", { key: 'ebede650aa6b5ad14684bb82de11171320ea484b', class: "block text-sm font-medium text-text-muted" }, t.solarSystemForm.consumptionProfileTitle)), h("div", { key: '2b5f9f4acacd807b0500ba0d1fdfc54a8d14dd33', class: "grid grid-cols-2 gap-4" }, h("input", { key: 'd6f314475b903057456c057cc1c75e9373969554', type: "number", class: "w-full px-4 py-2 rounded-4xl border border-border focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground", value: this.householdConsumption, onInput: (e) => {
+            } }))), h("div", { key: '67dca259dafc631bb96d3f2f154ebcfea8312669', class: "flex-1 bg-muted rounded-4xl p-4" }, h("div", { key: 'b88bfc050942a22364197b70367dbcac5fcd4ae7', class: "flex items-center justify-between" }, h("label", { key: '6451c38e29557a42c05875d25440f89aca9038ce', class: "text-sm font-medium text-text-muted" }, t.solarSystemForm.panelPeakPower), h("span", { key: 'a1af4c8f5ebf979a5f05c29eede21edf966d08ee', class: "text-text-muted" }, this.panelPeakPower.toFixed(2), " kW")), h("div", { key: '39d79917221a86fd322f3f9d42193c76e7571715', class: "flex items-center justify-between mt-4" }, h("span", { key: '0748b6a78826b1a5dcb50fb1fed78a87bdc67eee', class: "text-sm font-medium text-text-muted" }, t.solarSystemForm.totalSystemPeakPower), h("span", { key: 'ad044ba02c5880b72113090c52896d341a3b68c6', class: "font-bold text-text-muted" }, (DEFAULT_SOLAR_PANEL_TYPE.kWattPeak *
+            this.numberOfPanels).toFixed(1), " kWp"))))), h("div", { key: 'e6e7f177b7b44ffce33a71164415082e06267f5c', class: "space-y-4" }, h("h2", { key: 'a974b53bde3128f14f7a58a5a8df1162ba4a6cea', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.householdConsumptionTitle), h("div", { key: '1490e04a1de483078b50bf84f8529b39b5d05501', class: "grid grid-rows-2 gap-0" }, h("div", { key: 'ad8407b316491efca5387ab2fc20f583c7589e53', class: "grid grid-cols-2 gap-4" }, h("label", { key: 'f4d8e755f70dfdbdd3ea076b78c2414696eb79f5', class: "block text-sm font-medium text-text-muted" }, t.solarSystemForm.annualConsumption), h("label", { key: '2fc16ff07641d46bd9aca6cbd19ba7905ca3caac', class: "block text-sm font-medium text-text-muted" }, t.solarSystemForm.consumptionProfileTitle)), h("div", { key: '02ec52e52ef6da6db83107e776623c527e773c99', class: "grid grid-cols-2 gap-4" }, h("input", { key: '81673f937f1f76fb4a489ef3fbe6d09a329ffbea', type: "number", class: "w-full px-4 py-2 rounded-4xl border border-border focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground", value: this.householdConsumption, onInput: (e) => {
                 this.householdConsumption = parseInt(e.target
                     .value);
                 this.recalculate();
-            } }), h("select", { key: 'd47894fbe6e7faf64c67ad2b8a8a53860c85ac20', class: "w-full px-4 py-2 rounded-4xl border border-border focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground", onChange: (e) => {
+            } }), h("select", { key: '307947580779fa8bf91e8858a676f50dcb7551cf', class: "w-full px-4 py-2 rounded-4xl border border-border focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground", onChange: (e) => {
                 this.consumptionProfile =
                     e.target
                         .value;
                 this.recalculate();
-            } }, h("option", { key: 'c3698a4a668e7975a6601bb80eecfe41b3951fb4', value: "mostly_at_home", selected: this.consumptionProfile ===
+            } }, h("option", { key: '3640b074bc684c103988c0009d44dde520c921f7', value: "mostly_at_home", selected: this.consumptionProfile ===
                 "mostly_at_home" }, t.solarSystemForm.consumptionProfiles
-            .mostlyAtHome), h("option", { key: '44a1ce7b8f5334aff3a1671ca9f9a48041aab77d', value: "mostly_away", selected: this.consumptionProfile ===
+            .mostlyAtHome), h("option", { key: '3d18dbabaddb566c8d7e93a0bdec6d34cc2fe6ad', value: "mostly_away", selected: this.consumptionProfile ===
                 "mostly_away" }, t.solarSystemForm.consumptionProfiles
-            .mostlyAway))))), h("div", { key: '1b6ed9f85ed130b180bd2ab2ee82eb0da83ca928', class: "space-y-4" }, h("h2", { key: 'a1ffecb1c11f8795a8b3bfa11a50ce0273f04b9e', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.additionalComponents.title), h("div", { key: '51ca2a81a15de6d3cd714ac077a2dca13440cd49', class: "flex flex-col gap-4" }, h("div", { key: '9e216b9f45594ceb542058a56b8d6f05c33dbb54', class: "flex flex-col bg-muted rounded-4xl p-4 gap-4" }, h("div", { key: '72519b55992dc6e715da354c8d89ac199a74b8e1', class: "flex items-center justify-between" }, h("div", { key: '9412d280cd4d8f9be6e7a2745f88ab152cbeb482', class: "flex items-center gap-2" }, h("input", { key: '865a14f54d30bd1497510e4b9c0eee4c0ad8e52a', type: "checkbox", id: "heatPump", class: "w-4 h-4 accent-tertiary border-border rounded-full focus:ring-tertiary focus:ring-offset-0 focus:ring-2", checked: this.heatPump > 0, onChange: (e) => {
+            .mostlyAway))))), h("div", { key: '15c92fb128a124f6b34f0158475aabe50d79e5d6', class: "space-y-4" }, h("h2", { key: 'd9b702a19856e24f3daee04854d21925a27cc7c4', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.additionalComponents.title), h("div", { key: 'c90c95fd05d20cd9b24cc55403a000f20eba2481', class: "flex flex-col gap-4" }, h("div", { key: 'f82c11b9e460f706f5122f12ffe11f4c779c189b', class: "flex flex-col bg-muted rounded-4xl p-4 gap-4" }, h("div", { key: 'bc9886e6f8c3196471c974ac83ce5769553f276e', class: "flex items-center justify-between" }, h("div", { key: 'c2152ede9e1837992e0fcf56c50ab0fa3ae76ad4', class: "flex items-center gap-2" }, h("input", { key: '55d8a7d2e28d3cb04ca5dece7942c647ef77774b', type: "checkbox", id: "heatPump", class: "w-4 h-4 accent-tertiary border-border rounded-full focus:ring-tertiary focus:ring-offset-0 focus:ring-2", checked: this.heatPump > 0, onChange: (e) => {
                 this.heatPump =
                     e.target
                         .checked
                         ? 100
                         : 0;
                 this.recalculate();
-            } }), h("label", { key: '76ae5cdc390003255c0d2fdfca7429e13b349247', htmlFor: "heatPump", class: "text-text-muted" }, t.solarSystemForm
+            } }), h("label", { key: '208b701e9615369ff910ca8b814e46f388a5d605', htmlFor: "heatPump", class: "text-text-muted" }, t.solarSystemForm
             .additionalComponents
-            .heatPump)), (this.heatPump > 0 && !this.isIOS()) && (h("span", { key: '2a3dda02e0c16d9bbc37bb0ff0763d4dce819282', class: "text-text-muted" }, this.heatPump, " m\u00B2"))), this.heatPump > 0 && (h("div", { key: '91f1dda8820c37bd75e2c44d127e9489ef02f93e', class: "flex flex-col gap-2" }, this.isIOS()
+            .heatPump)), (this.heatPump > 0 && !this.isIOS()) && (h("span", { key: 'c333a5b5aa65a62ed0c7e4075c4b9870659a4d08', class: "text-text-muted" }, this.heatPump, " m\u00B2"))), this.heatPump > 0 && (h("div", { key: '55afe0ca996d85ef47f4407139d48d92cce24de2', class: "flex flex-col gap-2" }, this.isIOS()
             ? (h("div", { class: "flex items-center gap-2" }, h("input", { type: "number", min: "10", max: "300", step: "10", class: "flex-1 px-4 py-2 rounded-4xl border border-border focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", style: {
                     border: "1px solid var(--color-border)",
                 }, value: this.heatPump, onInput: (e) => {
@@ -311,49 +311,49 @@ const SolarSystemForm = class {
                         parseInt(e.target
                             .value);
                     this.recalculate();
-                } }))))), h("div", { key: 'ae3d614cdce8c196feb01355e2af00722109af60', class: "flex flex-col bg-muted rounded-4xl p-4 gap-4" }, h("div", { key: 'cb8326db0f03139e56abea867eb8d238778645cf', class: "flex items-center justify-between" }, h("div", { key: 'bcc12e0817e94b729c729a914d9e759109523f47', class: "flex items-center gap-2" }, h("input", { key: '778c65416ad609ec97719fa6c35a83e9a313cd83', type: "checkbox", id: "electricCar", class: "w-4 h-4 accent-tertiary border-border rounded focus:ring-tertiary focus:ring-offset-0 focus:ring-2", checked: this.electricCar, onChange: (e) => {
+                } }))))), h("div", { key: 'a8f10785f68ad66920edc5cb23be90ca7b013d67', class: "flex flex-col bg-muted rounded-4xl p-4 gap-4" }, h("div", { key: '9f654fa78343117a1c661ad0b8a778d4fcd1f169', class: "flex items-center justify-between" }, h("div", { key: '3d2e0e403620f9640966514a4873f312e4509704', class: "flex items-center gap-2" }, h("input", { key: '596b480fa2819e64e1578b4ed268a58c4dd163a1', type: "checkbox", id: "electricCar", class: "w-4 h-4 accent-tertiary border-border rounded focus:ring-tertiary focus:ring-offset-0 focus:ring-2", checked: this.electricCar, onChange: (e) => {
                 this.electricCar =
                     e.target
                         .checked;
                 this.recalculate();
-            } }), h("label", { key: '2b5185ca44e19b7a1ee91ef713855ebc9b60da0a', htmlFor: "electricCar", class: "text-text-muted" }, t.solarSystemForm
+            } }), h("label", { key: '45f104c9ce87c230891bd43419de436d7a08457d', htmlFor: "electricCar", class: "text-text-muted" }, t.solarSystemForm
             .additionalComponents
-            .electricCar))), this.electricCar && (h("div", { key: '6e61acdbba91d60947f26dc7971ff8a7769453ca', class: "flex flex-col gap-2" }, h("div", { key: '6078d4b646b07ac9ed1be32877359e92de1351d7', class: "grid grid-cols-2 gap-4" }, h("label", { key: '9aa097ee13482ca43d223e41f9cd76c9548fc6db', class: "text-sm text-text-muted" }, t.solarSystemForm
+            .electricCar))), this.electricCar && (h("div", { key: 'be0b1c69f74be230cf968f74ad8046d2f44f554b', class: "flex flex-col gap-2" }, h("div", { key: 'e41bf25cd13ab956c45f5bf5f20738e898d3b53b', class: "grid grid-cols-2 gap-4" }, h("label", { key: '6fabe098c81aa288aefbf473030461902efb9efc', class: "text-sm text-text-muted" }, t.solarSystemForm
             .additionalComponents
-            .chargingTime), h("label", { key: '6b2e4680ac32223c50d448f0a37f2ef246657e48', class: "text-sm text-text-muted" }, t.solarSystemForm
+            .chargingTime), h("label", { key: '5f50ca3baf48625127f858cbb2be63be16980a12', class: "text-sm text-text-muted" }, t.solarSystemForm
             .additionalComponents
-            .kilometersPerYear)), h("div", { key: '61638259bfd77565c11820a23173cf854d6109a0', class: "grid grid-cols-2 gap-4" }, h("select", { key: '01c4b7d4ee90fa8315da3c1e56b9c3f10457b1d6', class: "w-full px-4 py-2 rounded-4xl border border-border focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", onChange: (e) => {
+            .kilometersPerYear)), h("div", { key: '0adebbe7491d0eafcc4d6be8dceb231983121236', class: "grid grid-cols-2 gap-4" }, h("select", { key: 'b5f1d183c70f09c6fcf5690ad2ad9b3d0f05eaf2', class: "w-full px-4 py-2 rounded-4xl border border-border focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", onChange: (e) => {
                 this.electricCarChargingTime =
                     e.target
                         .value;
                 this.recalculate();
             }, style: {
                 border: "1px solid var(--color-border)",
-            } }, h("option", { key: 'b86e078b6311ae62c14ddf87610fcadeda1da30f', value: "day", selected: this
+            } }, h("option", { key: 'a8a29fbe0d7f1d65b59e5159ff65eb2c8ccb5948', value: "day", selected: this
                 .electricCarChargingTime ===
                 "day" }, t.solarSystemForm
             .additionalComponents
-            .chargingTimeDay), h("option", { key: 'd842ef5af11f11e317510304f07d41c9f31e9bb5', value: "night", selected: this
+            .chargingTimeDay), h("option", { key: 'cb38eb50a53ec503f45f90ddc741145bf126ff7b', value: "night", selected: this
                 .electricCarChargingTime ===
                 "night" }, t.solarSystemForm
             .additionalComponents
-            .chargingTimeNight)), h("input", { key: 'cc98dbcf6c0d08ce41f42ddf572ca3c7fd1f7f63', type: "number", min: "1000", max: "50000", step: "1000", class: "w-full px-4 py-2 rounded-4xl border border-border focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", value: this.kmDrivenPerYear, onInput: (e) => {
+            .chargingTimeNight)), h("input", { key: '797c58706aea0c85b3db282ad099479acb4fae49', type: "number", min: "1000", max: "50000", step: "1000", class: "w-full px-4 py-2 rounded-4xl border border-border focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", value: this.kmDrivenPerYear, onInput: (e) => {
                 this.kmDrivenPerYear =
                     parseInt(e.target
                         .value);
                 this.recalculate();
             }, style: {
                 border: "1px solid var(--color-border)",
-            } }))))), h("div", { key: '0c5e4d9d54ac075035eda56dd8aa39d5a66f97ea', class: "flex flex-col bg-muted rounded-4xl p-4 gap-4" }, h("div", { key: 'bb5322ee87e5e6b9bb9438580753d1dae4eac70d', class: "flex items-center justify-between" }, h("div", { key: '79bbd99b60c4886a4f676dbcd0c9e02be64746e4', class: "flex items-center gap-2" }, h("input", { key: '31cdcdadc6c4bf793cb2dd9bc27c4561d9dbef35', type: "checkbox", id: "battery", class: "w-4 h-4 accent-tertiary border-border rounded-full focus:ring-tertiary focus:ring-offset-0 focus:ring-2", checked: this.battery > 0, onChange: (e) => {
+            } }))))), h("div", { key: '56ea4de583321bc0c5d5d23ce7ab146d9a6a5245', class: "flex flex-col bg-muted rounded-4xl p-4 gap-4" }, h("div", { key: 'c97fd8fd10976c00d276dfb52e3332086953744f', class: "flex items-center justify-between" }, h("div", { key: '6198d3ffbfe054ee4106a3bb463bd4ec341255d7', class: "flex items-center gap-2" }, h("input", { key: 'd84fd6cd2b3b736d487296920b3b13dd62dbd8c5', type: "checkbox", id: "battery", class: "w-4 h-4 accent-tertiary border-border rounded-full focus:ring-tertiary focus:ring-offset-0 focus:ring-2", checked: this.battery > 0, onChange: (e) => {
                 this.battery =
                     e.target
                         .checked
                         ? 5
                         : 0;
                 this.recalculate();
-            } }), h("label", { key: 'e559239d93a8b98e935325384ec26cbc39f7b179', htmlFor: "battery", class: "text-text-muted" }, t.solarSystemForm
+            } }), h("label", { key: '75d783871022343f4bfa8152cda778132171456a', htmlFor: "battery", class: "text-text-muted" }, t.solarSystemForm
             .additionalComponents
-            .battery)), (this.battery > 0 && !this.isIOS()) && (h("span", { key: 'ff6453928e80ba9e28bced2a4cf97d93cf1e2f1f', class: "text-text-muted" }, this.battery, " kWh"))), this.battery > 0 && (h("div", { key: 'e599bffe54f09442291712c814b97acfb20c8ecc', class: "flex flex-col gap-2" }, this.isIOS()
+            .battery)), (this.battery > 0 && !this.isIOS()) && (h("span", { key: 'a6a907ccfb0022f5ed4e52e8ee2ef0976c52f867', class: "text-text-muted" }, this.battery, " kWh"))), this.battery > 0 && (h("div", { key: 'ee2535a6c5d21ba012220953a5624579a95bc298', class: "flex flex-col gap-2" }, this.isIOS()
             ? (h("div", { class: "flex items-center gap-2" }, h("input", { type: "number", min: "1", max: "20", step: "1", class: "flex-1 px-4 py-2 rounded-4xl border border-border focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", value: this.battery, onInput: (e) => {
                     const value = parseInt(e.target
                         .value);
@@ -370,54 +370,54 @@ const SolarSystemForm = class {
                     this.battery = parseInt(e.target
                         .value);
                     this.recalculate();
-                } }))))))), h("div", { key: 'fddbaf799353b7275078c3cc5eab4a653a144bd6', class: "space-y-4" }, h("h2", { key: '54190ad36e0593c576ad910dc6bd8f6de39ac2e5', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.electricityCostsTitle), h("div", { key: '4d93d70568429fd64ea377f25a5d3db4fff1c179', style: {
+                } }))))))), h("div", { key: '03b9673c595ef7580d1009b4ca6f954397520f07', class: "space-y-4" }, h("h2", { key: 'b5817e4e1ee93322cfb730ef2130db088b4a89d6', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.electricityCostsTitle), h("div", { key: 'c12494fae8b8fd1556a982693b859d4c49353f3a', style: {
                 display: "grid",
                 gridTemplateColumns: "repeat(auto-fit, minmax(250px, 1fr))",
                 gap: "1rem",
-            } }, h("div", { key: 'f7534aadffccb806c9e5a8e68baad514a551e98d' }, h("label", { key: '7fd0455fb63018bd854ebef87f407818ea772782', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.electricityPrice), h("input", { key: '086c94f5070296d6846be081dbad5fa463922054', type: "number", step: "0.01", class: "w-full px-4 py-2 rounded-4xl border border-border focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", value: this.electricityPrice.toFixed(2), onInput: (e) => {
+            } }, h("div", { key: 'a06f3e353dcbfdbec3352057a874aa75cb76b49a' }, h("label", { key: '72dc9ef17667cbd169a2200350fc634928c87980', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.electricityPrice), h("input", { key: 'f0eb002ee56662c95304327fa57e0cc3827fead1', type: "number", step: "0.01", class: "w-full px-4 py-2 rounded-4xl border border-border focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", value: this.electricityPrice.toFixed(2), onInput: (e) => {
                 this.electricityPrice = parseFloat(e.target
                     .value);
                 this.recalculate();
-            } })), h("div", { key: '7946143001c47d56a8407e6ca554935342f94c56' }, h("label", { key: '6d789aa1aebcc75b45de9f0f8b172bf2d3976673', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.compensationRate), h("input", { key: '90eb3cae0ec5ffc7709bf14ca11b76b41c62d598', type: "number", step: "0.01", class: "w-full px-4 py-2 rounded-4xl border border-border focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", value: this.compensationRate.toFixed(2), onInput: (e) => {
+            } })), h("div", { key: '98cfa899245d49827a01817474eb375b8a317025' }, h("label", { key: 'b57de8d8a12c1165a2a5c9f38f53ff974df478db', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.compensationRate), h("input", { key: '37b8c39b1a82ccd79741d121fb58900fc58ac7a4', type: "number", step: "0.01", class: "w-full px-4 py-2 rounded-4xl border border-border focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", value: this.compensationRate.toFixed(2), onInput: (e) => {
                 this.compensationRate = parseFloat(e.target
                     .value);
                 this.recalculate();
-            } })), h("div", { key: '2dd2d4c7af7274a329cc638e7eace6b360194403' }, h("label", { key: '8845a51817fd1dd9703aee42a143f8c84cb2850e', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.annualPriceIncrease), h("input", { key: 'adfda4c0aac9e0fd2da2872e3b56a15036b58664', type: "number", step: "0.1", class: "w-full px-4 py-2 rounded-4xl border border-border focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", value: this.annualPriceIncrease.toFixed(1), onInput: (e) => {
+            } })), h("div", { key: 'cf227c52e800dea38c7eaedec5365540729bec61' }, h("label", { key: 'de0b8dc09bded6db87389cc6af193e05966c8b20', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.annualPriceIncrease), h("input", { key: '0112bc24ad05c6365c6b8f2246b379d0056ef4df', type: "number", step: "0.1", class: "w-full px-4 py-2 rounded-4xl border border-border focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", value: this.annualPriceIncrease.toFixed(1), onInput: (e) => {
                 this.annualPriceIncrease = parseFloat(e.target
                     .value);
                 this.recalculate();
-            } })))), h("div", { key: '9183d667975faf3fd27acabab69b9c049b4978e4', class: "space-y-4 p-4 border border-border rounded-4xl", style: {
+            } })))), h("div", { key: 'ba0d8efaab8dc607687e46df3bc02aca29f1047f', class: "space-y-4 p-4 border border-border rounded-4xl", style: {
                 border: "1px solid var(--color-border)",
-            } }, h("h2", { key: '061a17b4cda7f0e736c68b3ec003da75a40c98de', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.resultsTitle), h("div", { key: '04c6f6e0c1c3b867c6db02c67ff52643ef7948b0', class: "bg-muted rounded-4xl p-4" }, h("div", { key: '768e55191f40af1949533c37542594adb91977c9', class: "flex items-center justify-between" }, h("span", { key: '4151970ed3baca1fc116ee03a148669b728f306f', class: "text-text-muted" }, t.solarSystemForm.autonomy), h("span", { key: '86cb4f53d75812c76ad61bb0f87faf7b882a455f', class: "text-xl font-bold text-secondary" }, this.autonomy > 100
+            } }, h("h2", { key: '630be9ff55cc8be5bbd7d49b874bce867bd117f8', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.resultsTitle), h("div", { key: '6f0384d8aec22ef88a2c597740cfb1f52e673bc6', class: "bg-muted rounded-4xl p-4" }, h("div", { key: 'ff4dacf4a05d9433b0ed10271cfeff73e7471942', class: "flex items-center justify-between" }, h("span", { key: 'c09b82033130f8b654513f4088c98ad27fa5f4ac', class: "text-text-muted" }, t.solarSystemForm.autonomy), h("span", { key: '0c92b473b7081a7e4bbb72a62fa43f4f38473440', class: "text-xl font-bold text-secondary" }, this.autonomy > 100
             ? "100"
-            : this.formatEuropeanNumber(this.autonomy, 1), "%")), h("div", { key: '0ab4237796cbf0b7ff58342885727a0239ca2b3e', class: "flex items-center justify-between mt-4" }, h("span", { key: '7764984dee7bfe56db335d26245962dcbb22a7d5', class: "text-text-muted" }, t.solarSystemForm.totalEnergyConsumption), h("span", { key: 'efc29d5413dcae0ff9a950c42494d045769b6536', class: "text-xl font-bold text-secondary" }, this.formatEuropeanNumber(this.totalEnergyConsumption, 0), " kWh/", t.solarSystemForm.year)), h("div", { key: 'd92d3e92e9a25f724747480914bd032d1cb42095', class: "flex items-center justify-between mt-4" }, h("span", { key: '798f818876a21c34740285759935dd28e5fc68a6', class: "text-text-muted" }, t.solarSystemForm.totalEnergyProduction), h("span", { key: '99be647897c848ddfd50b8b456dee40369254128', class: "text-xl font-bold text-secondary" }, this.formatEuropeanNumber(this.totalEnergyProduction, 0), " kWh/", t.solarSystemForm.year)), h("div", { key: '163ecdce4e9bf9bf64540a1d90350aa387ef4c06', class: "flex items-center justify-between mt-4" }, h("div", { key: '8e955c05a817e06b6fd227a405a710e78653b3ef', class: "flex items-center gap-2" }, h("span", { key: 'a3dcb57652a6a3ed9ac44027f011c7c5cf5f26d1', class: "text-text-muted" }, t.solarSystemForm.costSavings)), h("span", { key: '116a92fd7f01e6c6a9f6f74a1597251b462d1e0c', class: "text-xl font-bold text-success" }, this.formatEuropeanNumber(this.costSavings), "\u20AC/", t
-            .solarSystemForm.year)), h("div", { key: 'c05837135e440d5100a749ac6821bf0fa2884535', class: "flex items-center justify-between mt-4" }, h("div", { key: '732595656c8b2abd0276d2e3d6834af484f0c4dc', class: "flex items-center gap-2" }, h("span", { key: '1ee3de830a4fad63482afb0b5f65a9abf2359ec2', class: "text-text-muted" }, t.solarSystemForm.compensation20Years)), h("span", { key: '598355f2643489ef0bc2ecbea11d9fd2a9e47e50', class: "text-xl font-bold text-success" }, this.formatEuropeanNumber(this.compensation20Years), "\u20AC")), h("div", { key: '607933c95c5ae33094bec8a07c3edaa108e1fa35', class: "flex items-center justify-between mt-4" }, h("div", { key: 'fcffc72868a798793c9757f1c9f1046af01e2790', class: "flex items-center gap-2" }, h("span", { key: '57441d3e484bebbec23067c9cc20794f2cb7974a', class: "text-text-muted" }, t.solarSystemForm
-            .monetaryBenefit20Years)), h("span", { key: '102302511890bc059491d42c7d2f78bdca0fd2c6', class: "text-xl font-bold text-success" }, this.formatEuropeanNumber(this.savedCosts20Years), "\u20AC")))), h("div", { key: 'e7ea0fac753edf61c032ab697d2b5ecd4d1b514f', class: "space-y-4 pt-4" }, h("h2", { key: 'cb1bd6e6aa4e2abccd555f5f4e4b2c749dd5a0b9', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.requestOffer), h("div", { key: 'ba14b7a6ec59252b15f775222ac04d7328ab33b4', style: {
+            : this.formatEuropeanNumber(this.autonomy, 1), "%")), h("div", { key: 'ffb010586f8f25de479eff1112ecc92d9a58cba1', class: "flex items-center justify-between mt-4" }, h("span", { key: 'd578ba01fa8cf83171a24c13848e4dabcce55f85', class: "text-text-muted" }, t.solarSystemForm.totalEnergyConsumption), h("span", { key: '0aeee586db6d443930e75e070bdbd3d34d45b6f7', class: "text-xl font-bold text-secondary" }, this.formatEuropeanNumber(this.totalEnergyConsumption, 0), " kWh/", t.solarSystemForm.year)), h("div", { key: '4036d882357e8bf2bcd6b7f6d209c07df563f475', class: "flex items-center justify-between mt-4" }, h("span", { key: '3d8c4ee6ed8f45cf24083af19a69ed2f09d654fa', class: "text-text-muted" }, t.solarSystemForm.totalEnergyProduction), h("span", { key: '5336df9ca7ca7cfd928a7a25a38f2cd1387c5ccd', class: "text-xl font-bold text-secondary" }, this.formatEuropeanNumber(this.totalEnergyProduction, 0), " kWh/", t.solarSystemForm.year)), h("div", { key: 'edb3e76e0c74c16e5230db57a752096ad5f7e674', class: "flex items-center justify-between mt-4" }, h("div", { key: '18a9167a49c429339fa7f070d4611ecbb5aece46', class: "flex items-center gap-2" }, h("span", { key: '0f6f568541e3a27bdd2802b9d4e5d0789d25bdfd', class: "text-text-muted" }, t.solarSystemForm.costSavings)), h("span", { key: 'e19209e667c255371ba1e44191f866138c6b1781', class: "text-xl font-bold text-success" }, this.formatEuropeanNumber(this.costSavings), "\u20AC/", t
+            .solarSystemForm.year)), h("div", { key: '2ebc7517f8eee83dd9f31544c034feac7f94b1d2', class: "flex items-center justify-between mt-4" }, h("div", { key: 'bb5412b8fdef9587b0af17992ed9d2cb06ca9c6e', class: "flex items-center gap-2" }, h("span", { key: '02392e241b91a6263c3d0ff97e47835240be2b5b', class: "text-text-muted" }, t.solarSystemForm.compensation20Years)), h("span", { key: 'b4303496e411c3329e05b60919e32931e3d257f0', class: "text-xl font-bold text-success" }, this.formatEuropeanNumber(this.compensation20Years), "\u20AC")), h("div", { key: '0f6a25060d55857a31275eee8cb5771b39f00754', class: "flex items-center justify-between mt-4" }, h("div", { key: 'c875847982d926c6787188f824130af98df26eea', class: "flex items-center gap-2" }, h("span", { key: '33de5a06bddecfdc87c117b756449aafd527d2a0', class: "text-text-muted" }, t.solarSystemForm
+            .monetaryBenefit20Years)), h("span", { key: '97e00fa0ceea6cba9caaa22238f68fb53ebe36de', class: "text-xl font-bold text-success" }, this.formatEuropeanNumber(this.savedCosts20Years), "\u20AC")))), h("div", { key: '9efaff75926b65cfe2dfb0acca781ab0bda2b63c', class: "space-y-4 pt-4" }, h("h2", { key: '416201ab3e931c3cd799ea36567dd3a752a62c11', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.requestOffer), h("div", { key: '26364784253a127b72f43ad03dc6e4415048b258', style: {
                 display: "grid",
                 gridTemplateColumns: "repeat(auto-fit, minmax(250px, 1fr))",
                 gap: "1rem",
-            } }, h("div", { key: '1988fa474890f8da2c8ea4570e07ab32241ce086' }, h("label", { key: 'e17f711dbbf18d3998f941fbf893093be5a9bbbf', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.name), h("input", { key: 'd0a597c42d069707e89f2135f8b5aaa09e92eb61', type: "text", class: `w-full px-4 py-2 rounded-4xl border ${this.nameError
+            } }, h("div", { key: '0b58219f57b1c4ddd2481e39055c6e45b7a746a5' }, h("label", { key: 'f8ea78bbd4a05c7bff8f9f8b355c63befb083d3d', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.name), h("input", { key: 'd78ef98732e9bafdb58230ca0c0803ca4f098cbc', type: "text", class: `w-full px-4 py-2 rounded-4xl border ${this.nameError
                 ? "border-error"
                 : "border-border"} focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground`, value: this.name, onInput: (e) => {
                 this.name =
                     e.target
                         .value;
                 this.validateForm();
-            }, placeholder: "Your name" }), this.nameError && (h("p", { key: '79dc551a31848db30dd9b9c380f23f838539f604', class: "text-error text-sm mt-1" }, this.nameError))), h("div", { key: 'e9460f017e5c2b83111ef410cbf3b7c2689f06ab' }, h("label", { key: '65f272dfd81dfdb157def9ff650b74e729f37ac6', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.email), h("input", { key: '1249293e9a25999784e4e1e1eb6f7e7c727b9fca', type: "email", class: `w-full px-4 py-2 rounded-4xl border ${this.emailError
+            }, placeholder: "Your name" }), this.nameError && (h("p", { key: '45dafd6ec3680f48681bab0b21a6599849a608da', class: "text-error text-sm mt-1" }, this.nameError))), h("div", { key: '202f53dc650d051a910d9a15f503300c32c71a7f' }, h("label", { key: '83786ee4e75fb3829e31e0e39e980ea1114601c3', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.email), h("input", { key: '33a75a458f68f9935a698870fcb36def59b82862', type: "email", class: `w-full px-4 py-2 rounded-4xl border ${this.emailError
                 ? "border-error"
                 : "border-border"} focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground`, value: this.email, onInput: (e) => {
                 this.email =
                     e.target
                         .value;
                 this.validateForm();
-            }, placeholder: "your.email@example.com" }), this.emailError && (h("p", { key: 'c472d8248ad7cf77e9c69ccf5f21ad7c6666165e', class: "text-error text-sm mt-1" }, this.emailError))), h("div", { key: '5e1e8649b84a65fa2de5cfbb07fc9040dd806880' }, h("label", { key: '0a67c6688a671d5484eb3c1e7bca11067d5b73e6', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.phone), h("input", { key: '7968ba86b3fce057da3ac93248cfbda3c97974ca', type: "tel", class: `w-full px-4 py-2 rounded-4xl border ${this.phoneError
+            }, placeholder: "your.email@example.com" }), this.emailError && (h("p", { key: 'f9f8c4045e4c509338fce25aa861434e84d512d0', class: "text-error text-sm mt-1" }, this.emailError))), h("div", { key: '842cafdf109d7e0ecd841a8d1fd8ef1bed546aec' }, h("label", { key: '92a7def714a7285e354dffa780ade7a211ba31dc', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.phone), h("input", { key: '0310ebf156dc32aaa3228fbfb1b4efff17691fe1', type: "tel", class: `w-full px-4 py-2 rounded-4xl border ${this.phoneError
                 ? "border-error"
                 : "border-border"} focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground`, value: this.phone, onInput: (e) => {
                 this.phone =
                     e.target
                         .value;
                 this.validateForm();
-            }, placeholder: "+34 123 456 789" }), this.phoneError && (h("p", { key: '3f36ed60c53e037686b855f40ac3baa10dac20af', class: "text-error text-sm mt-1" }, this.phoneError)))), h("div", { key: '790b619300e7315c7d65cd18233c4ee9904c9cff', class: "flex flex-col items-center gap-4" }, h("button", { key: '9f7441b0d2c094d3fc5d9242a993bdc3932bf909', onClick: () => this.handleRequestOffer(), disabled: !this.name.trim() ||
+            }, placeholder: "+34 123 456 789" }), this.phoneError && (h("p", { key: '43494b81d9e8228197953e92145b079a10409a2c', class: "text-error text-sm mt-1" }, this.phoneError)))), h("div", { key: '03a8a37ef5d83b5b735162ca887dd08b07cbbd3d', class: "flex flex-col items-center gap-4" }, h("button", { key: '9ab3f8ab3150d4fbad950e9b6ed42a38a314bc50', onClick: () => this.handleRequestOffer(), disabled: !this.name.trim() ||
                 !this.email.trim() || !!this.nameError ||
                 !!this.emailError || !!this.phoneError ||
                 this.isSubmitting, class: `px-6 py-3 rounded-4xl transition-colors duration-200 flex items-center gap-2 ${this.isSubmitting
@@ -426,9 +426,9 @@ const SolarSystemForm = class {
                 color: this.isSubmitting
                     ? "var(--color-text-muted)"
                     : "#ffffff",
-            } }, this.isSubmitting && (h("div", { key: '2734b11e2a21a2c3336a349228649a1b214852f4', class: "w-4 h-4 border-2 border-current border-t-transparent rounded-full animate-spin" })), this.isSubmitting
+            } }, this.isSubmitting && (h("div", { key: 'db1e47f4874d50393ec78d4fd8df014c2e77cd7b', class: "w-4 h-4 border-2 border-current border-t-transparent rounded-full animate-spin" })), this.isSubmitting
             ? t.solarSystemForm.sending
-            : t.solarSystemForm.requestOfferButton), this.submitMessage && (h("div", { key: '973330f8da989c0d24071b1ba95eef34c61e5ee7', class: `text-sm px-4 py-2 rounded-4xl ${this.submitSuccess
+            : t.solarSystemForm.requestOfferButton), this.submitMessage && (h("div", { key: '052075ef4ae34f9c80614274d001cb061eb2a907', class: `text-sm px-4 py-2 rounded-4xl ${this.submitSuccess
                 ? "bg-success/10 text-success border border-success/20"
                 : "bg-error/10 text-error border border-error/20"}` }, this.submitMessage)))))));
     }