.eco-calculator{--eco-offwhite: var(--offwhite, #F8F4E8);--eco-blue: var(--pool-blue, #2D4786);--eco-blue-deep: var(--pool-blue-deep, #21356a);--eco-green: #8BD76E;--eco-yellow: var(--solar-yellow, #FCD800);--eco-pink: var(--warm-pink, #D25176);--eco-ink: var(--color-text, #1f2a44);--eco-ink-soft: var(--color-text-muted, #51597a);--eco-card: var(--color-surface, #ffffff);--eco-on-blue: #ffffff;--eco-on-blue-soft: rgba(248,244,232,.78);--eco-border: var(--color-border, #e3dcc7);--eco-radius: var(--radius-lg, 18px);--eco-radius-pill: var(--radius-pill, 999px);--eco-shadow: 0 18px 52px rgba(33, 53, 106, .16);--eco-font: var(--font-body, "Century Gothic Pro", "Century Gothic", "ITC Avant Garde Gothic Pro", "Avant Garde", "Avenir Next", "Futura", sans-serif);box-sizing:border-box;display:block;width:100%;padding:clamp(56px,7vw,96px) clamp(16px,4vw,40px);background:linear-gradient(180deg,var(--eco-offwhite) 0%,#fffaf0 100%);color:var(--eco-ink);font-family:var(--eco-font);line-height:1.5;-webkit-font-smoothing:antialiased}.eco-calculator *,.eco-calculator *:before,.eco-calculator *:after{box-sizing:border-box}.eco-calc__inner{max-width:1080px;margin:0 auto}.eco-calc__intro{text-align:center;max-width:640px;margin:0 auto clamp(24px,4vw,40px)}.eco-calc__eyebrow{margin:0 0 8px;text-transform:uppercase;letter-spacing:.14em;font-size:13px;font-weight:600;color:var(--eco-blue)}.eco-calc__title{margin:0 0 12px;font-weight:700;line-height:1.12;color:var(--eco-ink);font-size:clamp(26px,4.4vw,40px)}.eco-calc__lede{margin:0;color:var(--eco-ink-soft);font-size:16px}.eco-calc__layout{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(20px,3vw,36px);align-items:start}@media(max-width:880px){.eco-calc__layout{grid-template-columns:1fr}}.eco-calc__inputs{background:var(--eco-card);border:1px solid var(--eco-border);border-radius:var(--eco-radius);padding:clamp(18px,3vw,28px);box-shadow:var(--eco-shadow);display:flex;flex-direction:column;gap:22px}.eco-calc__field{border:0;margin:0;padding:0;min-width:0}.eco-calc__legend,.eco-calc__label{display:block;padding:0;margin:0 0 10px;font-weight:600;font-size:15px;color:var(--eco-ink)}.eco-calc__value-out{color:var(--eco-blue);font-weight:700}.eco-calc__segmented{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.eco-calc__segmented--three{grid-template-columns:repeat(3,1fr)}.eco-calc__segmented--four{grid-template-columns:repeat(4,1fr)}.eco-calc__segmented--six{grid-template-columns:repeat(6,1fr)}@media(max-width:480px){.eco-calc__segmented{grid-template-columns:repeat(2,1fr)}.eco-calc__segmented--three{grid-template-columns:repeat(3,1fr)}.eco-calc__segmented--four,.eco-calc__segmented--six{grid-template-columns:repeat(2,1fr)}}.eco-calc__seg{appearance:none;-webkit-appearance:none;min-height:44px;padding:10px 8px;border:1.5px solid var(--eco-border);border-radius:var(--eco-radius-pill);background:#fbf8ef;color:var(--eco-ink);font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .06s ease}.eco-calc__seg:hover{border-color:var(--eco-blue)}.eco-calc__seg:active{transform:translateY(1px)}.eco-calc__seg--active{background:var(--eco-blue);border-color:var(--eco-blue);color:var(--eco-on-blue)}.eco-calc__seg--active:before{content:"\2713\a0";font-weight:700}.eco-calc__slider{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:var(--eco-radius-pill);background:linear-gradient(90deg,var(--eco-green),var(--eco-blue));outline-offset:4px;cursor:pointer}.eco-calc__slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:26px;height:26px;border-radius:50%;background:var(--eco-card);border:3px solid var(--eco-blue);box-shadow:0 2px 6px #0000002e;cursor:pointer}.eco-calc__slider::-moz-range-thumb{width:26px;height:26px;border-radius:50%;background:var(--eco-card);border:3px solid var(--eco-blue);box-shadow:0 2px 6px #0000002e;cursor:pointer}.eco-calc__select{width:100%;min-height:44px;padding:10px 40px 10px 14px;border:1.5px solid var(--eco-border);border-radius:12px;background-color:#fbf8ef;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='M1 4l6 6 6-6' stroke='%232D4786' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;font-family:inherit;font-size:15px;color:var(--eco-ink);cursor:pointer;appearance:none;-webkit-appearance:none}.eco-calc__select--compact{min-height:40px;padding:9px 36px 9px 12px;font-size:13px}.eco-calc__helper{margin:8px 0 0;font-size:13.5px;line-height:1.45;color:var(--eco-ink-soft)}.eco-calc__known-spend,.eco-calc__stacked-label{margin-top:14px}.eco-calc__month-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}@media(max-width:620px){.eco-calc__month-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:420px){.eco-calc__month-grid{grid-template-columns:repeat(3,1fr)}}.eco-calc__month-option{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:9px 8px;border:1.5px solid var(--eco-border);border-radius:var(--eco-radius-pill);background:#fbf8ef;color:var(--eco-ink);font-size:14px;font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color .16s ease,background .16s ease,color .16s ease}.eco-calc__month-option:hover{border-color:var(--eco-blue)}.eco-calc__month-option input{width:15px;height:15px;accent-color:var(--eco-blue)}.eco-calc__month-option:has(input:checked){background:var(--eco-blue);border-color:var(--eco-blue);color:var(--eco-on-blue)}.eco-calc__month-summary{margin:10px 0 0;color:var(--eco-blue-deep);font-size:13.5px;font-weight:600}.eco-calc__season-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}@media(max-width:760px){.eco-calc__season-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:420px){.eco-calc__season-grid{grid-template-columns:1fr}}.eco-calc__season-field{display:grid;gap:6px;color:var(--eco-ink);font-size:13px;font-weight:700}.eco-calc__estimator{margin-top:14px;padding:14px;border:1px dashed var(--eco-border);border-radius:14px;background:#fdfbf4}.eco-calc__estimator-help{margin:0 0 12px;font-size:13px;color:var(--eco-ink-soft)}.eco-calc__estimator-controls{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:480px){.eco-calc__estimator-controls{grid-template-columns:1fr}}.eco-calc__estimator-msg{margin:12px 0 0;font-size:14px;line-height:1.45;color:var(--eco-blue-deep);font-weight:500}.eco-calc__estimator-msg:empty{display:none}.eco-calc__estimator-msg--optional{color:var(--eco-ink-soft);font-weight:400}.eco-calc__advanced{border-top:1px solid var(--eco-border);padding-top:16px}.eco-calc__disclosure{appearance:none;-webkit-appearance:none;display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;padding:8px 4px;background:transparent;border:0;cursor:pointer;font-family:inherit;font-size:15px;font-weight:600;color:var(--eco-blue)}.eco-calc__chevron{width:10px;height:10px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .2s ease;margin-right:4px}.eco-calc__disclosure[aria-expanded=true] .eco-calc__chevron{transform:rotate(-135deg)}.eco-calc__advanced-panel{padding:8px 4px 0}.eco-calc__switch{display:flex;align-items:center;gap:12px;cursor:pointer;min-height:44px}.eco-calc__switch input{position:absolute;opacity:0;width:1px;height:1px}.eco-calc__switch-track{position:relative;flex:0 0 auto;width:48px;height:28px;border-radius:var(--eco-radius-pill);background:#cfd6e6;transition:background .18s ease}.eco-calc__switch-track:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040;transition:transform .18s ease}.eco-calc__switch input:checked+.eco-calc__switch-track{background:var(--eco-blue)}.eco-calc__switch input:checked+.eco-calc__switch-track:after{transform:translate(20px)}.eco-calc__switch-label{font-size:15px;font-weight:500}.eco-calc__hint{margin:8px 0 0;font-size:13px;color:var(--eco-ink-soft)}.eco-calc__results{position:sticky;top:20px;background:var(--eco-blue);border-radius:var(--eco-radius);box-shadow:var(--eco-shadow);color:var(--eco-on-blue);overflow:hidden}@media(max-width:880px){.eco-calc__results{position:static}}.eco-calc__results-inner{padding:clamp(20px,3vw,30px)}.eco-calc__result{text-align:center}.eco-calc__result--primary{padding:18px 12px 22px;border-bottom:1px solid rgba(255,255,255,.16);margin-bottom:18px}.eco-calc__result-label{margin:0 0 6px;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--eco-on-blue-soft);font-weight:600}.eco-calc__result-value{margin:0;font-weight:700;font-size:26px;color:var(--eco-on-blue)}.eco-calc__result-value--hero{font-size:clamp(34px,6vw,50px);line-height:1.05;color:var(--eco-green)}.eco-calc__result-value--muted{font-size:17px;color:var(--eco-on-blue-soft);font-weight:500}.eco-calc__result-sub{margin:8px 0 0;font-size:14px;color:var(--eco-on-blue-soft)}.eco-calc__result-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}.eco-calc__result-row .eco-calc__result{background:#ffffff12;border-radius:14px;padding:16px 12px}.eco-calc__insight{margin:0 0 12px;padding:14px 16px;background:#8bd76e29;border:1px solid rgba(139,215,110,.28);border-radius:14px;font-size:14.5px;line-height:1.5;color:#eaf6e3}.eco-calc__insight:empty{display:none}.eco-calc__nudge{margin:0 0 12px;padding:14px 16px;background:#d251762e;border:1px solid rgba(210,81,118,.3);border-radius:14px;font-size:14.5px;line-height:1.5;color:#fbe3ec}.eco-calc__detail{margin:0 0 14px;padding:12px 14px;background:#ffffff12;border-radius:14px;color:var(--eco-on-blue-soft);font-size:13.5px;line-height:1.5}.eco-calc__detail:empty{display:none}.eco-calc__month-breakdown{margin:0 0 14px;padding:16px;background:#ffffff12;border-radius:20px}.eco-calc__breakdown-title{margin:0 0 10px;color:var(--eco-on-blue);font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.eco-calc__month-rows{display:grid;gap:8px}.eco-calc__month-row{display:grid;grid-template-columns:62px minmax(0,1fr);gap:12px;align-items:center;padding:12px 14px;border-radius:16px;background:#ffffff14;color:var(--eco-on-blue-soft);font-size:13px;line-height:1.25}.eco-calc__month-row-name{color:var(--eco-green);font-weight:800;font-size:16px}.eco-calc__month-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:center}.eco-calc__month-cell{display:grid;gap:5px;min-width:0;text-align:center;justify-items:center}.eco-calc__month-label{color:#f8f4e8ad;font-size:11px;font-weight:700;line-height:1.1;min-height:24px;display:flex;align-items:flex-end;justify-content:center}.eco-calc__month-cell strong{color:var(--eco-on-blue);font-size:17px;font-weight:800}.eco-calc__value-zero{color:var(--eco-pink)!important}@media(max-width:520px){.eco-calc__month-row{grid-template-columns:48px minmax(0,1fr);padding:12px 10px;gap:8px}.eco-calc__month-values{gap:6px}.eco-calc__month-label{font-size:9.5px;min-height:28px}.eco-calc__month-cell strong{font-size:16px}}.eco-calc__methodology{border-top:1px solid rgba(255,255,255,.16);margin-top:6px;padding-top:6px}.eco-calc__disclosure--light{color:var(--eco-on-blue)}.eco-calc__methodology-panel{padding:6px 4px 4px;font-size:14px;line-height:1.55;color:var(--eco-on-blue-soft)}.eco-calc__methodology-panel ul{margin:10px 0;padding-left:20px}.eco-calc__methodology-panel li{margin:4px 0}.eco-calc__methodology-panel p{margin:0 0 10px}.eco-calc__disclaimer{margin:16px 0 0;padding-top:14px;border-top:1px solid rgba(255,255,255,.16);font-size:12.5px;line-height:1.5;color:var(--eco-on-blue-soft)}.eco-calculator :focus-visible{outline:3px solid var(--eco-yellow);outline-offset:2px;border-radius:6px}.eco-calc__slider:focus-visible{outline:3px solid var(--eco-yellow);outline-offset:4px}@media(prefers-reduced-motion:reduce){.eco-calculator *,.eco-calculator *:before,.eco-calculator *:after{transition:none!important}}.eco-calc__lede p{margin:0}.eco-calc__primary,.eco-calc__rest-fields{display:flex;flex-direction:column;gap:22px}.eco-calc__reveal{appearance:none;-webkit-appearance:none;min-height:52px;border:0;border-radius:var(--eco-radius-pill);background:var(--eco-green);color:var(--eco-blue-deep);display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 22px;font-family:inherit;font-size:15px;font-weight:800;cursor:pointer;box-shadow:0 12px 28px #8bd76e47;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.eco-calc__reveal:hover{transform:translateY(-1px);box-shadow:0 16px 34px #8bd76e5c}.eco-calc__reveal-icon{width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#2d47861f}.eco-calc--collapsible:not(.eco-calc--revealed) .eco-calc__layout{grid-template-columns:minmax(0,760px);justify-content:center}.eco-calc--revealed .eco-calc__reveal{display:none}.eco-calc__rest-fields[hidden],.eco-calc__results[hidden]{display:none!important}[data-theme=dark] .eco-calculator{--eco-offwhite: var(--color-bg, #121A2E);--eco-ink: var(--color-text, #EAEDF5);--eco-ink-soft: var(--color-text-muted, #AAB2C8);--eco-card: var(--color-surface, #1A2440);--eco-border: var(--color-border, #2C3858);--eco-shadow: 0 18px 52px rgba(0, 0, 0, .42);background:linear-gradient(180deg,var(--color-bg, #121A2E) 0%,var(--color-surface-offset, #161F38) 100%)}[data-theme=dark] .eco-calc__eyebrow{color:var(--eco-green)}[data-theme=dark] .eco-calc__title{color:var(--eco-ink)}[data-theme=dark] .eco-calc__lede,[data-theme=dark] .eco-calc__helper,[data-theme=dark] .eco-calc__hint,[data-theme=dark] .eco-calc__estimator-help{color:var(--eco-ink-soft)}[data-theme=dark] .eco-calc__inputs,[data-theme=dark] .eco-calc__estimator{background:var(--eco-card);border-color:var(--eco-border)}[data-theme=dark] .eco-calc__seg,[data-theme=dark] .eco-calc__select,[data-theme=dark] .eco-calc__month-option{background-color:#f8f4e814;border-color:#f8f4e83d;color:var(--eco-ink)}[data-theme=dark] .eco-calc__select{color-scheme:dark;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='M1 4l6 6 6-6' stroke='%238BD76E' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}[data-theme=dark] .eco-calc__select option{background:#1a2440;color:#eaedf5}[data-theme=dark] .eco-calc__seg:hover,[data-theme=dark] .eco-calc__select:hover,[data-theme=dark] .eco-calc__month-option:hover{border-color:var(--eco-green)}[data-theme=dark] .eco-calc__seg--active,[data-theme=dark] .eco-calc__month-option:has(input:checked){background:var(--pool-blue, #2D4786);border-color:var(--pool-blue, #2D4786);color:var(--eco-on-blue)}[data-theme=dark] .eco-calc__month-option input{accent-color:var(--eco-green)}[data-theme=dark] .eco-calc__month-summary,[data-theme=dark] .eco-calc__estimator-msg{color:var(--eco-green)}[data-theme=dark] .eco-calc__slider::-webkit-slider-thumb{background:var(--eco-card);border-color:var(--eco-green)}[data-theme=dark] .eco-calc__slider::-moz-range-thumb{background:var(--eco-card);border-color:var(--eco-green)}
/*# sourceMappingURL=/cdn/shop/t/13/assets/eco-roi-calculator.css.map */