@font-face{font-family:Sunpura Neue Campton;src:url(sunpura-neue-campton-regular.otf) format("opentype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Sunpura Neue Campton;src:url(sunpura-neue-campton-semibold.otf) format("opentype");font-style:normal;font-weight:600;font-display:swap}.sp-pv-paths{--sp-pv-font: "Sunpura Neue Campton", "Neue Campton", var(--font-body-family), sans-serif;--sp-pv-text: #292929;--sp-pv-muted: rgba(41,41,41,.62);--sp-pv-muted-solid: #737675;--sp-pv-line: rgba(41,41,41,.09);--sp-pv-line-strong: rgba(41,41,41,.14);--sp-pv-path-line: #DADADA;--sp-pv-white: #FFFFFF;--sp-pv-soft: #F6F6F5;--sp-pv-page: #FAFAF9;--sp-pv-mint: #00E676;--sp-pv-blue: #0A84FF;--sp-pv-grad: linear-gradient(100deg,#00E676 0%,#0A84FF 100%);--sp-pv-ease: cubic-bezier(.16,1,.3,1);--sp-pv-ease-spring: cubic-bezier(.34,1.56,.64,1);color:var(--sp-pv-text);background:var(--sp-pv-white);font-family:var(--sp-pv-font);padding:var(--sp-pv-pt) 24px var(--sp-pv-pb);overflow:clip;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.sp-pv-paths *,.sp-pv-paths *:before,.sp-pv-paths *:after{box-sizing:border-box}.sp-pv-paths :is(h2,h3,p,dl,dt,dd){margin:0}.sp-pv-paths :is(button,a){font-family:var(--sp-pv-font)}.sp-pv-paths [hidden]{display:none!important}.sp-pv-paths__container{width:min(100%,var(--sp-pv-max));margin-inline:auto}.sp-pv-paths__header{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.58fr);gap:clamp(40px,6vw,88px);align-items:end;margin-bottom:48px}.sp-pv-paths__heading{max-width:930px;color:var(--sp-pv-text);font-family:var(--sp-pv-font);font-size:clamp(42px,5vw,70px);line-height:.98;font-weight:600;letter-spacing:-.058em;text-wrap:balance}.sp-pv-paths__heading-line{display:block;width:84px;height:3px;margin-top:20px;border-radius:999px;background:var(--sp-pv-grad)}.sp-pv-paths__intro{max-width:500px;padding-left:22px;border-left:2px solid var(--sp-pv-mint);color:var(--sp-pv-muted);font-family:var(--sp-pv-font);font-size:clamp(16px,1.45vw,18px);line-height:1.68;font-weight:400;letter-spacing:-.014em}.sp-pv-paths__intro p{margin:0}.sp-pv-paths__selector{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:min(100%,980px);padding:5px;margin:0 0 36px;border:1px solid rgba(218,218,218,.82);border-radius:999px;background:color-mix(in srgb,#FFFFFF 48%,#F6F6F5)}.sp-pv-paths__tab{position:relative;display:flex;min-width:0;min-height:56px;padding:9px 20px;overflow:hidden;flex-direction:column;justify-content:center;border:1.5px solid transparent;border-radius:999px;background:transparent;color:var(--sp-pv-muted-solid);text-align:left;cursor:pointer;isolation:isolate;transition:color .22s ease,background .22s ease,box-shadow .22s ease;-webkit-tap-highlight-color:transparent}.sp-pv-paths__tab:hover{color:var(--sp-pv-text);background:#ffffffc7}.sp-pv-paths__tab.is-active{color:var(--sp-pv-text);background:linear-gradient(#fff,#fff) padding-box,linear-gradient(110deg,#00e676,#0a84ff 34%,#00e676 66%,#0a84ff) border-box;background-size:100% 100%,300% 100%;background-position:0 0,0 50%;box-shadow:0 7px 20px #181a1e0d}.sp-pv-paths--motion .sp-pv-paths__tab.is-active{animation:spPvTabBorder 4.8s linear infinite}.sp-pv-paths__tab:after{position:absolute;top:-70%;bottom:-70%;left:-34%;z-index:1;width:22%;content:"";background:linear-gradient(90deg,transparent,rgba(255,255,255,.86),transparent);opacity:0;transform:skew(-18deg) translate(-180%);pointer-events:none}.sp-pv-paths--motion .sp-pv-paths__tab.is-active:after{animation:spPvTabSheen 4.2s cubic-bezier(.22,1,.36,1) infinite}.sp-pv-paths__tab:focus-visible,.sp-pv-paths__cta:focus-visible{outline:2px solid var(--sp-pv-blue);outline-offset:3px}.sp-pv-paths__tab-text{position:relative;z-index:2;min-width:0;display:block}.sp-pv-paths__tab-text strong{display:block;overflow:hidden;color:inherit;font-size:clamp(15px,1.2vw,17px);font-weight:600;line-height:1.22;letter-spacing:-.018em;text-overflow:ellipsis}.sp-pv-paths__tab-text small{display:block;margin-top:2px;color:var(--sp-pv-muted-solid);font-size:12px;font-weight:400;line-height:1.3}@keyframes spPvTabBorder{0%{background-position:0 0,0 50%}to{background-position:0 0,300% 50%}}@keyframes spPvTabSheen{0%,58%{opacity:0;transform:skew(-18deg) translate(-180%)}64%{opacity:.75}82%{opacity:.75;transform:skew(-18deg) translate(680%)}88%,to{opacity:0;transform:skew(-18deg) translate(680%)}}.sp-pv-paths__workspace{border-top:1px solid var(--sp-pv-line);border-bottom:1px solid var(--sp-pv-line);background:var(--sp-pv-white)}.sp-pv-paths__panel{opacity:1;transform:translateY(0)}.sp-pv-paths__panel.is-entering{animation:spPvPanelIn .44s cubic-bezier(.22,1,.36,1) both}@keyframes spPvPanelIn{0%{opacity:.01;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sp-pv-paths__diagram-wrap{padding:clamp(50px,5.4vw,76px) clamp(8px,2.5vw,28px) clamp(48px,5vw,70px)}.sp-pv-paths__diagram{display:grid;align-items:center;width:100%;min-height:286px}.sp-pv-paths__diagram--direct,.sp-pv-paths__diagram--retrofit{grid-template-columns:minmax(128px,1fr) 96px minmax(190px,1.18fr) 96px minmax(128px,1fr) 96px minmax(112px,.84fr)}.sp-pv-paths__node{min-width:0;display:grid;justify-items:center;align-content:center;gap:15px;text-align:center}.sp-pv-paths__media{width:min(var(--sp-node-media),100%);height:var(--sp-node-media);display:grid;place-items:center}.sp-pv-paths__media--storage{width:min(var(--sp-storage-media),100%);height:calc(var(--sp-storage-media) * .96)}.sp-pv-paths__media img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;filter:none;mix-blend-mode:normal}.sp-pv-paths__fallback-icon{width:64px;height:64px;display:grid;place-items:center;color:var(--sp-pv-text)}.sp-pv-paths__fallback-icon svg{width:48px;height:48px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}.sp-pv-paths__node-copy{min-height:46px;display:grid;justify-items:center;align-content:start;gap:4px}.sp-pv-paths__node-copy strong{max-width:210px;color:var(--sp-pv-text);font-size:15px;line-height:1.28;font-weight:600;letter-spacing:-.015em}.sp-pv-paths__node-copy small{color:#29292975;font-size:11px;line-height:1.25;font-weight:400;letter-spacing:.02em;text-transform:none}.sp-pv-paths__flow{position:relative;min-width:0;height:32px;color:var(--sp-pv-blue)}.sp-pv-paths__flow:before{content:"";position:absolute;left:2px;right:11px;top:50%;height:2px;border-radius:999px;background:var(--sp-pv-grad);transform:translateY(-50%)}.sp-pv-paths__flow>i{position:absolute;left:2px;top:calc(50% - 1px);width:30px;height:2px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.96),transparent);opacity:0;pointer-events:none}.sp-pv-paths__flow>svg{position:absolute;z-index:1;right:0;top:50%;width:15px;height:15px;margin:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transform:translateY(-50%)}.sp-pv-paths__flow--neutral{color:#29292959}.sp-pv-paths__flow--neutral:before{background:#2929292e}.sp-pv-paths__flow--bidirectional:before{left:11px;right:11px}.sp-pv-paths__flow--bidirectional>.sp-pv-paths__flow-back{left:0;right:auto}.sp-pv-paths__flow--bidirectional>svg:not(.sp-pv-paths__flow-back){left:auto;right:0}.sp-pv-paths__flow--bidirectional>i{display:none}.sp-pv-paths__flow--bidirectional small{position:absolute;top:50%;left:50%;transform:translate(-50%,-23px);padding:0 5px;color:#2929297a;background:var(--sp-pv-white);font-size:10px;line-height:1;font-weight:400;letter-spacing:.02em;white-space:nowrap}.sp-pv-paths__hub{display:grid;grid-template-rows:auto 76px auto;justify-items:center;align-items:center;min-width:0}.sp-pv-paths__branch{width:100%;height:76px;display:grid;grid-template-rows:1fr auto 1fr;justify-items:center;color:var(--sp-pv-blue)}.sp-pv-paths__branch span{position:relative;width:2px;height:100%;overflow:hidden;border-radius:999px;background:var(--sp-pv-grad)}.sp-pv-paths__branch span:after{content:"";position:absolute;inset:0 0 auto;height:22px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.96),transparent);opacity:0}.sp-pv-paths__branch small{padding:4px 8px;color:#29292975;background:#fff;font-size:10px;line-height:1;font-weight:400;letter-spacing:.02em}.sp-pv-paths__summary{position:relative;display:grid;grid-template-columns:minmax(0,1.06fr) minmax(430px,.94fr);gap:clamp(40px,6vw,82px);align-items:end;padding:clamp(38px,4vw,50px) clamp(28px,3vw,42px) clamp(34px,4vw,46px);background:var(--sp-pv-page)}.sp-pv-paths__summary:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--sp-pv-grad)}.sp-pv-paths__summary-copy h3{max-width:700px;margin-bottom:12px;color:var(--sp-pv-text);font-family:var(--sp-pv-font);font-size:clamp(26px,2.55vw,36px);line-height:1.06;font-weight:600;letter-spacing:-.04em;text-wrap:balance}.sp-pv-paths__summary-copy .rte{max-width:690px;color:var(--sp-pv-muted);font-size:15px;line-height:1.68;font-weight:400;letter-spacing:-.008em}.sp-pv-paths__facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;border-top:1px solid var(--sp-pv-line);border-bottom:1px solid var(--sp-pv-line)}.sp-pv-paths__facts>div{min-width:0;padding:17px 16px 17px 0}.sp-pv-paths__facts>div+div{padding-left:16px;border-left:1px solid var(--sp-pv-line)}.sp-pv-paths__facts dd{margin:0 0 7px;color:var(--sp-pv-text);font-size:clamp(20px,2vw,26px);line-height:1;font-weight:600;letter-spacing:-.035em}.sp-pv-paths__facts dt{margin:0;color:#29292985;font-size:11.5px;line-height:1.4;font-weight:400}.sp-pv-paths__footer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:center;padding:22px 0 0}.sp-pv-paths__note{max-width:780px;color:var(--sp-pv-muted);font-size:13px;line-height:1.58;font-weight:400}.sp-pv-paths__cta{position:relative;overflow:hidden;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 18px 0 22px;border:1px solid rgba(255,255,255,.08);border-radius:999px;color:#fff;background:#292929;box-shadow:0 10px 24px #2929291a;font-family:var(--sp-pv-font);font-size:15px;line-height:1;font-weight:600;letter-spacing:-.01em;text-decoration:none;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .38s var(--sp-pv-ease),border-color .38s var(--sp-pv-ease),box-shadow .38s var(--sp-pv-ease)}.sp-pv-paths__cta:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:inherit;background:linear-gradient(120deg,transparent 20%,rgba(255,255,255,.28) 45%,transparent 70%);transform:translate(-140%);transition:transform .9s var(--sp-pv-ease);pointer-events:none}.sp-pv-paths__cta:hover:before{transform:translate(140%)}.sp-pv-paths__cta:hover{background:#1e1e1e;border-color:#0a84ff4d}.sp-pv-paths__cta>span:first-child{position:relative;z-index:2}.sp-pv-paths__cta-icon{position:relative;z-index:2;width:32px;height:32px;flex:0 0 32px;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#ffffff1f}.sp-pv-paths__cta-icon svg{position:absolute;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:transform .5s var(--sp-pv-ease-spring),opacity .4s var(--sp-pv-ease)}.sp-pv-paths__cta-icon svg:first-child{transform:translate(0);opacity:1}.sp-pv-paths__cta-icon svg:last-child{transform:translate(-12px,12px);opacity:0}.sp-pv-paths__cta:hover .sp-pv-paths__cta-icon svg:first-child{transform:translate(12px,-12px);opacity:0}.sp-pv-paths__cta:hover .sp-pv-paths__cta-icon svg:last-child{transform:translate(0);opacity:1}.sp-pv-paths--motion.is-in-view .sp-pv-paths__flow:not(.sp-pv-paths__flow--neutral)>i{opacity:1;animation:spPvSignalX 2.8s linear infinite}.sp-pv-paths--motion.is-in-view .sp-pv-paths__branch span:after{opacity:1;animation:spPvSignalY 2.8s linear infinite}@keyframes spPvSignalX{0%{transform:translate(-38px)}to{transform:translate(94px)}}@keyframes spPvSignalY{0%{transform:translateY(-24px)}to{transform:translateY(58px)}}@media(max-width:1080px){.sp-pv-paths__header{grid-template-columns:1fr;gap:26px;align-items:start}.sp-pv-paths__intro{max-width:720px}.sp-pv-paths__diagram--direct,.sp-pv-paths__diagram--retrofit{grid-template-columns:minmax(106px,1fr) 68px minmax(150px,1.12fr) 68px minmax(106px,1fr) 68px minmax(94px,.82fr)}.sp-pv-paths__summary{grid-template-columns:1fr;gap:28px;align-items:start}}@media(max-width:760px){.sp-pv-paths{padding-inline:18px}.sp-pv-paths__header{margin-bottom:34px}.sp-pv-paths__heading{font-size:clamp(36px,10.8vw,49px);line-height:1;letter-spacing:-.05em}.sp-pv-paths__heading-line{width:60px;height:2px;margin-top:15px}.sp-pv-paths__intro{padding-left:18px;font-size:15px}.sp-pv-paths__selector{grid-template-columns:1fr;gap:8px;width:100%;padding:0;margin-bottom:30px;border:0;border-radius:0;background:transparent}.sp-pv-paths__tab{min-height:58px;padding:8px 16px;border:1.5px solid #E4E4E4}.sp-pv-paths__tab.is-active{border-color:transparent}.sp-pv-paths__tab-text strong{font-size:15px;white-space:normal;overflow:visible}.sp-pv-paths__diagram-wrap{padding:36px 2px 38px}.sp-pv-paths__diagram,.sp-pv-paths__diagram--direct,.sp-pv-paths__diagram--retrofit{grid-template-columns:1fr;min-height:0;gap:0}.sp-pv-paths__node{width:100%;padding:8px 0}.sp-pv-paths__media{width:min(120px,var(--sp-node-media));height:min(120px,var(--sp-node-media))}.sp-pv-paths__media--storage{width:min(174px,var(--sp-storage-media));height:min(168px,calc(var(--sp-storage-media) * .96))}.sp-pv-paths__node-copy{min-height:0}.sp-pv-paths__flow,.sp-pv-paths__flow--bidirectional{position:relative;width:32px;height:66px;margin:0 auto;display:block}.sp-pv-paths__flow:before{left:50%;right:auto;top:0;bottom:12px;width:2px;height:auto;transform:translate(-50%)}.sp-pv-paths__flow>i{left:calc(50% - 1px);top:0;width:2px;height:28px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.96),transparent)}.sp-pv-paths__flow>svg{left:50%;right:auto;top:auto;bottom:0;margin:0;transform:translate(-50%) rotate(90deg)}.sp-pv-paths__flow--bidirectional:before{top:12px;bottom:12px}.sp-pv-paths__flow--bidirectional>.sp-pv-paths__flow-back{display:block;left:50%;right:auto;top:0;bottom:auto;transform:translate(-50%) rotate(90deg)}.sp-pv-paths__flow--bidirectional>svg:not(.sp-pv-paths__flow-back){left:50%;right:auto;top:auto;bottom:0;transform:translate(-50%) rotate(90deg)}.sp-pv-paths__flow--bidirectional small{top:50%;left:calc(50% + 22px);transform:translateY(-50%);padding:0;background:transparent;white-space:nowrap}.sp-pv-paths__hub{width:100%;grid-template-rows:auto 68px auto}.sp-pv-paths__branch{height:68px}.sp-pv-paths__summary{grid-template-columns:1fr;gap:26px;padding:32px 0 28px;background:var(--sp-pv-page)}.sp-pv-paths__summary-copy h3{font-size:27px}.sp-pv-paths__facts{grid-template-columns:1fr}.sp-pv-paths__facts>div,.sp-pv-paths__facts>div+div{padding:14px 0;border-left:0;border-top:1px solid var(--sp-pv-line)}.sp-pv-paths__facts>div:first-child{border-top:0}.sp-pv-paths__footer{grid-template-columns:1fr;gap:18px;padding-top:20px}.sp-pv-paths__cta{justify-self:start}.sp-pv-paths--motion.is-in-view .sp-pv-paths__flow:not(.sp-pv-paths__flow--neutral)>i{animation:spPvSignalY 2.8s linear infinite}}@media(prefers-reduced-motion:reduce){.sp-pv-paths *,.sp-pv-paths *:before,.sp-pv-paths *:after{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.sp-pv-paths__flow>i,.sp-pv-paths__branch span:after{display:none}}
/*# sourceMappingURL=/cdn/shop/t/58/assets/sunpura-pdp-pv-paths.css.map */