.sp-roi{--roi-ink:#292929;--roi-muted:#626765;--roi-line:#dedfdf;--roi-ease:cubic-bezier(.16,1,.3,1);--roi-duration-layout:.42s;--roi-duration-reveal:.34s;--roi-duration-state:.24s;display:block;padding:var(--sp-roi-top,80px) 32px var(--sp-roi-bottom,80px);color:var(--roi-ink);background:#fff;scroll-margin-top:140px;font-family:inherit}.sp-roi *{box-sizing:border-box}.sp-roi [hidden]{display:none!important}.sp-roi__inner{width:100%;max-width:var(--sp-roi-width,1280px);margin:auto}.sp-roi h2,.sp-roi h3,.sp-roi p{margin:0}.sp-roi__header{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,80px);align-items:end;margin-bottom:36px}.sp-roi__header h2{max-width:21ch;font-size:clamp(32px,4vw,54px);font-weight:600;line-height:1.08;letter-spacing:-.035em;text-wrap:balance}.sp-roi__header>div{max-width:60ch;font-size:18px;line-height:1.6;color:var(--roi-muted)}.sp-roi__modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;width:100%;border-bottom:1px solid var(--roi-line)}.sp-roi__modes button{position:relative;display:block;width:100%;min-width:0;padding:16px 0 17px;min-height:54px;border:0;border-radius:0;background:none;color:var(--roi-muted);font-family:inherit;font-size:16px;font-weight:600;line-height:1.4;text-align:left;text-wrap:balance;overflow-wrap:anywhere;cursor:pointer;transform:none;transition:color .24s var(--roi-ease)}.sp-roi__modes button:after{content:"";position:absolute;bottom:-1px;height:2px;left:0;right:0;background:linear-gradient(90deg,#00e676,#0a84ff);transform:scaleX(0);transform-origin:left;transition:transform .34s var(--roi-ease)}.sp-roi__modes button[aria-pressed=true]{color:var(--roi-ink)}.sp-roi__modes button[aria-pressed=true]:after{transform:scaleX(1)}.sp-roi__modes button:disabled{cursor:default}.sp-roi__basis{font-size:14px;line-height:1.6;max-width:90ch;color:var(--roi-muted);margin:14px 0 0!important}.sp-roi__summary{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:clamp(36px,6vw,76px);padding:38px 0}.sp-roi__economics,.sp-roi__configuration{min-width:0}.sp-roi__label{font-size:14px;line-height:1.5;color:var(--roi-muted)}.sp-roi__amount{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin:12px 0 22px!important;min-height:86px}.sp-roi__amount>[data-roi-number]{font-size:clamp(54px,6.2vw,84px);font-weight:600;letter-spacing:-.055em;line-height:1.05;font-variant-numeric:tabular-nums;white-space:nowrap}.sp-roi__period{font-size:18px;color:var(--roi-muted);white-space:nowrap}.sp-roi__support{font-size:13px;line-height:1.65;color:var(--roi-muted);max-width:80ch}.sp-roi__preset{display:flex;gap:8px 12px;flex-wrap:wrap;align-items:center;margin-bottom:12px;font-size:13px}.sp-roi__preset label{color:var(--roi-muted)}.sp-roi .sp-roi__preset select,.sp-roi .sp-roi__policy select{padding:8px 30px 8px 10px;min-height:42px;font-size:13px;width:auto;max-width:100%;border-color:var(--roi-line);background-color:#fff}.sp-roi__bar-label{font-size:12px;line-height:1.5;color:var(--roi-muted);margin:16px 0 7px!important}.sp-roi__contributions{width:100%;height:6px;margin:0 0 8px;isolation:isolate}.sp-roi__contributions>[data-positive]{display:flex;width:100%;height:100%;overflow:hidden;border-radius:2px;gap:0}.sp-roi__contribution{display:block;flex:var(--share,0) 1 0%;min-width:0;height:100%;background:#89928d;transition:flex-grow .42s var(--roi-ease)}.sp-roi__contribution--solar{background:#00c46a}.sp-roi__contribution--tariff{background:#0a84ff}.sp-roi__contribution--adjustment{background:#89928d}.sp-roi__breakdown{margin:18px 0 26px}.sp-roi__breakdown>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:10px 0;border-top:1px solid var(--roi-line);font-size:15px;line-height:1.5}.sp-roi__breakdown dt{max-width:40ch}.sp-roi__breakdown dd{margin:0;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.sp-roi__breakdown .sp-roi__detail-row{font-size:13px;color:var(--roi-muted);padding-block:8px}.sp-roi__breakdown .sp-roi__detail-row dd{font-weight:500}.sp-roi__configuration{border-left:1px solid var(--roi-line);padding-left:clamp(28px,4vw,54px)}.sp-roi__config-head{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:170px;margin-bottom:12px}.sp-roi__config-head>div:first-child{min-width:0}.sp-roi__capacity{font-size:clamp(26px,3vw,38px);font-weight:600;line-height:1.15;letter-spacing:-.03em;margin:9px 0!important}.sp-roi__increment{margin-top:10px!important}.sp-roi__increment strong{font-weight:600;color:var(--roi-ink)}.sp-roi__return{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-top:22px;margin:22px 0 18px;border-top:1px solid var(--roi-line)}.sp-roi__return dt{font-size:13px;color:var(--roi-muted);line-height:1.5;margin-bottom:8px;max-width:24ch}.sp-roi__return dd{font-size:23px;line-height:1.25;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin:0;overflow-wrap:anywhere}.sp-roi [data-roi-price-source]{margin-top:7px}.sp-roi [data-roi-offer]{font-size:12px}.sp-roi__configuration>.sp-roi__link{margin-top:22px}.sp-roi__visual{--stack-max-height:180px;width:140px;height:190px;flex-shrink:0;display:grid;place-items:center;overflow:hidden}.sp-roi__stack{position:relative;width:min(100%,var(--stack-width,100px),calc(var(--stack-max-height,180px)*800/var(--stack-height,1300)));aspect-ratio:800 / var(--stack-height,1300)}.sp-roi__module{position:absolute;left:0;right:0;aspect-ratio:1;transform-origin:center;pointer-events:none}.sp-roi__module img{width:100%;height:100%;object-fit:contain;display:block}.sp-roi__module--power{z-index:8}.sp-roi:not([data-enhanced]) .sp-roi__visual{display:none}.sp-roi__button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;max-width:100%;min-height:50px;padding:7px 12px 7px 22px;border:1px solid #292929;border-radius:999px;background:#292929;color:#fff;font:inherit;font-size:14px;font-weight:600;line-height:1.4;cursor:pointer;text-align:left;transform:none;box-shadow:none;transition:background .24s var(--roi-ease)}.sp-roi__arrow{position:relative;width:32px;height:32px;flex:0 0 32px;border-radius:50%;border:1px solid #ffffff24;background:#ffffff14;overflow:hidden}.sp-roi__arrow svg{position:absolute;left:7px;top:7px;width:18px;height:18px;fill:currentColor;transition:transform .45s var(--roi-ease),opacity .35s var(--roi-ease)}.sp-roi__arrow svg:last-child{transform:translate(-12px,12px);opacity:0}.sp-roi__button:is(:hover,:focus-visible) .sp-roi__arrow svg:first-child{transform:translate(12px,-12px);opacity:0}.sp-roi__button:is(:hover,:focus-visible) .sp-roi__arrow svg:last-child{transform:translate(0);opacity:1}.sp-roi__button:is(:hover,:focus-visible){background:#111619;transform:none;box-shadow:none}.sp-roi .sp-roi__link{position:relative;display:inline-flex;align-items:center;gap:8px;width:fit-content;max-width:100%;min-height:44px;padding:6px 0;color:var(--roi-ink);font-size:15px;font-weight:600;line-height:1.5;text-decoration:none;transform:none;box-shadow:none;transition:color .24s var(--roi-ease)}.sp-roi .sp-roi__link>span{min-width:0;border:0;text-decoration-line:underline;text-decoration-thickness:1px;text-underline-offset:5px;text-decoration-color:currentColor;transform:none;transition:text-decoration-color .24s var(--roi-ease)}.sp-roi .sp-roi__link:before,.sp-roi .sp-roi__link:after,.sp-roi .sp-roi__link>span:before,.sp-roi .sp-roi__link>span:after{content:none}.sp-roi .sp-roi__link svg{width:17px;height:17px;flex:0 0 17px;fill:currentColor;transform:none;transition:transform .34s var(--roi-ease)}.sp-roi .sp-roi__link:is(:hover,:focus-visible){color:#087abb;transform:none}.sp-roi .sp-roi__link:is(:hover,:focus-visible)>span{transform:none}.sp-roi .sp-roi__link:is(:hover,:focus-visible) svg{transform:translate(3px,-3px)}.sp-roi button:focus-visible,.sp-roi a:focus-visible,.sp-roi input:focus-visible,.sp-roi select:focus-visible,.sp-roi summary:focus-visible{outline:2px solid #087abb;outline-offset:4px}.sp-roi__form{border-top:1px solid var(--roi-line);padding:30px 0;scroll-margin-top:140px}.sp-roi__form>h3{font-size:24px;line-height:1.25;letter-spacing:-.02em;font-weight:600;margin-bottom:24px}.sp-roi__fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-bottom:24px}.sp-roi__fields--pair{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-roi__field{min-width:0}.sp-roi__field label{display:block;font-size:14px;line-height:1.5;min-height:46px;margin-bottom:8px}.sp-roi__field label>span{display:block;font-size:12px;color:var(--roi-muted);font-weight:400}.sp-roi input:not([type=checkbox]),.sp-roi select{display:block;width:100%;min-width:0;min-height:48px;padding:12px 14px;border:1px solid #c7cbc9;border-radius:5px;background:#fafbfa;color:var(--roi-ink);font-family:inherit;font-size:16px;line-height:1.4;box-shadow:none}.sp-roi input[aria-invalid=true]{border-color:#a32b20;background:#fff9f8}.sp-roi__checkbox{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.6;cursor:pointer}.sp-roi__checkbox input{margin:5px 0 0;width:18px;height:18px;accent-color:#087abb;flex-shrink:0}.sp-roi__nl{margin:24px 0;max-width:100ch}.sp-roi__nl p{margin-top:8px}.sp-roi__policy{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;padding-top:16px}.sp-roi__policy label{font-size:13px;font-weight:600;line-height:1.5}.sp-roi__policy>p,.sp-roi__policy-note{flex:1 1 100%;max-width:90ch;font-size:13px;line-height:1.6;color:var(--roi-muted)}.sp-roi__currency-note{margin-bottom:22px!important}.sp-roi__assumptions,.sp-roi__method{border-top:1px solid var(--roi-line);border-bottom:1px solid var(--roi-line)}.sp-roi__assumptions{margin-top:26px}.sp-roi__assumptions+.sp-roi__assumptions{border-top:0;margin-top:0}.sp-roi summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;min-height:60px;list-style:none;font-size:15px;font-weight:600;line-height:1.5;cursor:pointer}.sp-roi summary::-webkit-details-marker{display:none}.sp-roi__plus{position:relative;width:18px;height:18px;flex:0 0 18px}.sp-roi__plus:before,.sp-roi__plus:after{content:"";position:absolute;left:1px;right:1px;top:8px;height:1px;background:currentColor}.sp-roi__plus:after{transform:rotate(90deg);transition:transform .24s var(--roi-ease)}.sp-roi details[open]:not([data-disclosure-open=false])>summary .sp-roi__plus:after{transform:rotate(0)}.sp-roi__details-body{padding:8px 0 26px}.sp-roi__details-body>p+p{margin-top:10px}.sp-roi__actions{display:flex;gap:28px;flex-wrap:wrap;margin-top:22px}.sp-roi__text-button{font-family:inherit;font-size:14px;font-weight:600;line-height:1.5;color:var(--roi-ink);border:0;border-bottom:1px solid currentColor;background:none;padding:8px 0;min-height:42px;cursor:pointer}.sp-roi__error{font-size:14px;line-height:1.6;color:#a32b20;padding:16px 0}.sp-roi__method ol{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding:0;margin:0 0 28px}.sp-roi__method h3{font-size:17px;line-height:1.4;font-weight:600;margin-bottom:10px}.sp-roi__method li p{font-size:13px;line-height:1.7;color:var(--roi-muted)}.sp-roi__energy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px;margin:16px 0 22px}.sp-roi__energy>div{display:flex;justify-content:space-between;gap:20px;padding:8px 0;border-bottom:1px solid var(--roi-line);font-size:13px;line-height:1.6}.sp-roi__energy dt{min-width:0}.sp-roi__energy dd{margin:0;white-space:nowrap;font-variant-numeric:tabular-nums}.sp-roi__energy[data-roi-comparisons]>div{align-items:baseline;gap:12px}.sp-roi__energy[data-roi-comparisons] dt{flex:0 0 4.8em}.sp-roi__energy[data-roi-comparisons] dd{min-width:0;white-space:normal;overflow-wrap:anywhere;text-align:right}.sp-roi__disclaimer{max-width:100ch;font-size:12px;line-height:1.7;color:var(--roi-muted);margin-top:18px!important}.sp-roi__sr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@media(min-width:1600px){.sp-roi__summary{gap:80px}}@media(max-width:989px){.sp-roi{padding-inline:24px}.sp-roi__header{gap:30px}.sp-roi__header h2{font-size:38px}.sp-roi__header>div{font-size:16px}.sp-roi__summary{gap:32px}.sp-roi__configuration{padding-left:28px}.sp-roi__visual{--stack-max-height:152px;width:100px;height:160px}.sp-roi__config-head{min-height:160px}.sp-roi__amount{gap:8px;min-height:70px}.sp-roi__amount>[data-roi-number]{font-size:60px}.sp-roi__return{grid-template-columns:1fr;gap:18px}.sp-roi__return dt{max-width:none}.sp-roi__fields{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){.sp-roi{padding:56px 20px;scroll-margin-top:110px}.sp-roi__header{grid-template-columns:1fr;gap:18px;margin-bottom:24px}.sp-roi__header h2{font-size:34px;max-width:22ch}.sp-roi__header>div{font-size:16px;line-height:1.6}.sp-roi__modes{gap:20px}.sp-roi__modes button{font-size:14px;padding:13px 0 15px}.sp-roi__basis{font-size:12px;margin-top:12px!important}.sp-roi__summary{grid-template-columns:1fr;gap:28px;padding:28px 0}.sp-roi__amount{margin:10px 0 18px!important;min-height:65px}.sp-roi__amount>[data-roi-number]{font-size:64px}.sp-roi__period{font-size:16px}.sp-roi__breakdown{margin:18px 0 22px}.sp-roi__breakdown>div{font-size:14px}.sp-roi__configuration{padding-left:0;border-left:0;border-top:1px solid var(--roi-line);padding-top:24px}.sp-roi__config-head{min-height:142px;margin-bottom:6px}.sp-roi__visual{--stack-max-height:134px;height:142px;width:100px}.sp-roi__return{grid-template-columns:1fr 1fr;gap:20px;margin:18px 0 14px;padding-top:18px}.sp-roi__return dd{font-size:21px}.sp-roi__button{min-height:48px;font-size:14px}.sp-roi__fields{gap:20px 16px;margin-bottom:22px}.sp-roi__field label{font-size:13px;min-height:58px}.sp-roi__method ol{grid-template-columns:1fr;gap:22px}.sp-roi__method .sp-roi__energy{grid-template-columns:1fr}.sp-roi__details-body{padding-bottom:22px}.sp-roi__form{padding-block:24px}.sp-roi__form>h3{font-size:22px}}@media(max-width:374px){.sp-roi{padding-inline:16px}.sp-roi__header h2{font-size:31px}.sp-roi__amount>[data-roi-number]{font-size:54px}.sp-roi__modes{gap:14px}.sp-roi__modes button{font-size:13px}.sp-roi__fields{grid-template-columns:1fr}.sp-roi__field label{min-height:0}.sp-roi__return{gap:16px}.sp-roi__return dd{font-size:19px}.sp-roi__config-head{gap:8px}.sp-roi__visual{width:82px}.sp-roi__preset{gap:6px}.sp-roi__policy{align-items:flex-start;gap:8px}.sp-roi .sp-roi__policy select{width:100%}}.sp-roi .sp-roi__amount>[data-wide=true]{font-size:clamp(32px,4.5vw,58px);max-width:100%;white-space:normal;overflow-wrap:anywhere}.sp-roi__button--secondary{color:var(--roi-ink);border:1.5px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(180deg,#00e676,#0a84ff) border-box}.sp-roi__button--secondary .sp-roi__arrow{color:var(--roi-ink);background:#fff;border-color:#2929291a}.sp-roi__button--secondary:is(:hover,:focus-visible){background:linear-gradient(#fafafa,#fafafa) padding-box,linear-gradient(180deg,#00e676,#0a84ff) border-box}.sp-roi__actions{align-items:center;gap:12px 16px}.sp-roi__actions .sp-roi__button{text-decoration:none;white-space:normal}.sp-roi__actions .sp-roi__button>span:first-child{overflow-wrap:anywhere}.sp-roi__button{transition:background .38s var(--roi-ease),border-color .38s var(--roi-ease),color .28s var(--roi-ease)}@media(max-width:767px){.sp-roi__actions .sp-roi__button{width:100%;justify-content:space-between;padding-left:20px}}@media(prefers-reduced-motion:reduce){.sp-roi *,.sp-roi *:before,.sp-roi *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.sp-roi__system{font-size:15px;font-weight:600;line-height:1.5;margin:0 0 8px!important}.sp-roi[data-view=personal] [data-roi-reference-title]{display:none}.sp-roi__reference{margin-top:20px}.sp-roi__reference-title{font-size:15px;line-height:1.5;font-weight:600}.sp-roi__reference-metrics{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:14px 0 20px}.sp-roi__reference-metrics dt{font-size:12px;line-height:1.5;color:var(--roi-muted)}.sp-roi__reference-metrics dd{font-size:22px;font-weight:600;margin:5px 0 0;line-height:1.2}.sp-roi__reference .sp-roi__assumptions{margin:18px 0}.sp-roi__reference .sp-roi__energy{grid-template-columns:1fr;font-size:12px}.sp-roi__reference .sp-roi__energy dd{white-space:normal;text-align:right}.sp-roi__contribution--direct{background:#32986b}.sp-roi__contribution--export{background:#a4b6ac}.sp-roi[data-view=maximum] .sp-roi__increment{padding-top:16px;border-top:1px solid var(--roi-line);margin-top:18px!important}.sp-roi[data-view=maximum] [data-roi-recommendation]{font-weight:600;color:var(--roi-ink)}.sp-roi__reference .sp-roi__energy>div{gap:12px}@media(max-width:767px){.sp-roi__reference{margin-top:18px}.sp-roi__system{font-size:14px}.sp-roi__reference-metrics{margin-block:12px 16px}.sp-roi__reference-metrics dd{font-size:21px}.sp-roi__views button{min-height:64px}}.sp-roi__situation{width:100%;max-width:460px;margin-top:24px}.sp-roi__situation label{min-height:0;margin-bottom:8px}.sp-roi[data-view=maximum] [data-roi-annual-label]{color:var(--roi-ink);font-weight:600;font-size:15px}.sp-roi__summary{overflow-anchor:none}@media(max-width:767px){.sp-roi__situation{max-width:none;margin-top:20px}}.sp-roi__selectors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:960px;margin-top:24px}.sp-roi__selectors .sp-roi__situation{max-width:none;margin:0}.sp-roi__route-help{margin-top:12px!important;max-width:90ch}.sp-roi__direct-fields{grid-template-columns:repeat(3,minmax(0,1fr))}.sp-roi [data-roi-pv-cost-label]{font-size:inherit;color:inherit}.sp-roi[data-pending] .sp-roi__amount{min-height:86px}@media(max-width:989px){.sp-roi__direct-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){.sp-roi__selectors{grid-template-columns:1fr;gap:18px;margin-top:20px}.sp-roi__selectors label{min-height:0}}@media(max-width:374px){.sp-roi__direct-fields{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/64/assets/sunpura-roi-sizing.css.map */