@font-face{font-family:Sunpura Ecosystem Campton;src:url(sunpura-neue-campton-regular.otf) format("opentype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Sunpura Ecosystem Campton;src:url(sunpura-neue-campton-semibold.otf) format("opentype");font-style:normal;font-weight:600;font-display:swap}.sp-ecosystem{color:#292929;background:#fff;padding:var(--sp-eco-pt,72px) 32px var(--sp-eco-pb,72px);scroll-margin-top:150px;font-family:"Sunpura Ecosystem Campton",var(--font-body-family,sans-serif),sans-serif}.sp-ecosystem *,.sp-ecosystem *:before,.sp-ecosystem *:after{box-sizing:border-box}.sp-ecosystem :is(h2,h3,h4,p,a,figcaption,dt,dd){font-family:inherit;overflow-wrap:anywhere}.sp-ecosystem__inner{max-width:var(--sp-eco-max,1280px);margin-inline:auto}.sp-ecosystem__header{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:64px;align-items:end;margin-bottom:36px}.sp-ecosystem h2{margin:0;font:inherit;font-size:clamp(36px,4vw,56px);font-weight:600;line-height:1.08;letter-spacing:-.035em;text-wrap:balance}.sp-ecosystem .sp-ecosystem__intro{margin:0;max-width:570px;font-size:19px;line-height:1.55;color:#62666a}.sp-ecosystem__hero{margin:0 0 40px}.sp-ecosystem__hero picture,.sp-ecosystem__hero img{display:block;width:100%}.sp-ecosystem__hero img{height:auto;object-fit:contain}.sp-ecosystem__media-empty{border:1px dashed #cbd0d1;padding:28px;margin-bottom:32px;color:#62666a;font-size:14px;line-height:1.5}.sp-ecosystem__integration{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);column-gap:56px;padding:40px 0 48px;border-top:1px solid #dedede;align-items:start}.sp-ecosystem__integration-opening{grid-column:1;grid-row:1}.sp-ecosystem__integration-details{grid-column:1;grid-row:2;min-width:0}.sp-ecosystem__interface{grid-column:2;grid-row:1 / span 2;align-self:center;margin:0;min-width:0}.sp-ecosystem__interface img{display:block;width:100%;height:auto;object-fit:contain;border:1px solid #e0e3e5}.sp-ecosystem__interface figcaption{font-size:12px;line-height:1.5;color:#62666a;margin-top:10px}.sp-ecosystem__integration--text{grid-template-columns:1fr;max-width:900px}.sp-ecosystem__integration--text .sp-ecosystem__body{max-width:720px}.sp-ecosystem__integration--text .sp-ecosystem__modes{max-width:760px;gap:28px}.sp-ecosystem__integration--text .sp-ecosystem__modes>div+div{border-left:1px solid #dedede;padding-left:28px}.sp-ecosystem :is(.sp-ecosystem__integration,.sp-ecosystem__connected,.sp-ecosystem__detail) h3{font:inherit;font-size:32px;line-height:1.12;letter-spacing:-.025em;font-weight:600;margin:0;text-wrap:balance}.sp-ecosystem .sp-ecosystem__body{font-size:17px;line-height:1.55;margin:18px 0 0;color:#41464a}.sp-ecosystem__modes{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:24px 0 0;padding-top:20px;border-top:1px solid #dedede}.sp-ecosystem__modes dt{font-size:16px;line-height:1.4;font-weight:600}.sp-ecosystem__modes dd{font-size:14px;line-height:1.55;color:#62666a;margin:7px 0 0}.sp-ecosystem .sp-ecosystem__boundary{font-size:13px;line-height:1.55;color:#62666a;margin:20px 0 0;max-width:850px}.sp-ecosystem__download-meta{display:block;font-size:12px;line-height:1.5;color:#62666a;margin-top:2px}.sp-ecosystem__link{display:inline-flex;align-items:center;gap:6px;max-width:100%;min-height:44px;margin-top:12px;color:#292929;font-size:15px;font-weight:600;line-height:1.4;letter-spacing:-.01em;text-decoration:none;transition:color .25s cubic-bezier(.22,1,.36,1)}#MainContent .sp-ecosystem a.sp-ecosystem__link{text-decoration:none}.sp-ecosystem__link span{position:relative}.sp-ecosystem__link span:after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:2px;background:linear-gradient(90deg,#00c86b,#0a84ff);transform:scaleX(.42);transform-origin:left center;transition:transform .45s cubic-bezier(.22,1,.36,1)}.sp-ecosystem__link svg{width:15px;height:15px;flex:0 0 15px;fill:none;stroke:currentColor;stroke-width:1.4;transition:transform .45s cubic-bezier(.22,1,.36,1)}#MainContent .sp-ecosystem a.sp-ecosystem__link:hover,.sp-ecosystem__link:hover{color:#0a84ff}.sp-ecosystem__link:hover span:after{transform:scaleX(1)}.sp-ecosystem__link:hover svg{transform:translate(4px,-4px)}.sp-ecosystem__link:focus-visible{outline:2px solid #0a84ff;outline-offset:5px}.sp-ecosystem__breadth{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);align-items:center;gap:64px;padding:38px 44px;background-color:#111619;background-image:linear-gradient(#11161952,#11161952),var(--sp-eco-stat-bg,none);background-size:cover;background-position:var(--sp-eco-stat-bg-position,50% 50%);background-repeat:no-repeat;color:#fff}.sp-ecosystem .sp-ecosystem__stat-value{color:#fff;font-size:clamp(88px,10vw,132px);font-weight:600;line-height:.95;letter-spacing:-.055em;font-variant-numeric:tabular-nums;margin:0}.sp-ecosystem__breadth h3{font:inherit;font-size:32px;font-weight:600;line-height:1.15;letter-spacing:-.025em;color:#fff;margin:0;max-width:600px;text-wrap:balance}.sp-ecosystem .sp-ecosystem__stat-body{font-size:17px;line-height:1.5;color:#e0e4e5;margin:14px 0 0;max-width:600px}.sp-ecosystem__connected{padding:36px 0 30px}.sp-ecosystem__connected-heading{margin-bottom:24px;max-width:850px}.sp-ecosystem .sp-ecosystem__connected-heading h3{font-size:28px}.sp-ecosystem__groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:32px}.sp-ecosystem__group{min-width:0;padding:20px 0 0;border-top:1px solid #dedede}.sp-ecosystem__group h4{font:inherit;font-size:21px;line-height:1.25;font-weight:600;letter-spacing:-.02em;margin:0}.sp-ecosystem__group p{font-size:16px;line-height:1.55;color:#41464a;margin:13px 0 0}.sp-ecosystem__group .sp-ecosystem__examples{font-size:14px;color:#62666a;margin-top:10px}.sp-ecosystem__group-media{margin-bottom:16px}.sp-ecosystem__group-media img{display:block;width:100%;height:150px;object-fit:contain}.sp-ecosystem .sp-ecosystem__footer{font-size:13px;line-height:1.55;color:#62666a;margin:0;padding-top:16px;border-top:1px solid #dedede}.sp-ecosystem__detail{padding:26px 0;border-top:1px solid #dedede}@media(max-width:989px){.sp-ecosystem{padding-inline:24px}.sp-ecosystem__header{gap:32px}.sp-ecosystem__integration{column-gap:32px}.sp-ecosystem__modes{gap:16px}.sp-ecosystem__breadth{gap:32px;padding:32px}.sp-ecosystem__breadth h3{font-size:28px}.sp-ecosystem__groups{gap:24px}}@media(max-width:767px){.sp-ecosystem{padding:min(var(--sp-eco-pt,72px),48px) 20px min(var(--sp-eco-pb,72px),48px);scroll-margin-top:115px}.sp-ecosystem__header{grid-template-columns:1fr;gap:18px;margin-bottom:28px}.sp-ecosystem h2{font-size:clamp(32px,8.5vw,42px)}.sp-ecosystem .sp-ecosystem__intro{font-size:17px}.sp-ecosystem__hero{margin-bottom:28px}.sp-ecosystem__hero img{max-height:420px}.sp-ecosystem__integration{grid-template-columns:1fr;gap:0;padding:28px 0 32px}.sp-ecosystem__integration-opening{grid-column:1;grid-row:1}.sp-ecosystem__interface{grid-column:1;grid-row:2;margin-top:22px}.sp-ecosystem__integration-details{grid-column:1;grid-row:3}.sp-ecosystem__integration--text .sp-ecosystem__modes{grid-template-columns:1fr;gap:18px}.sp-ecosystem__integration--text .sp-ecosystem__modes>div+div{border-left:0;border-top:1px solid #dedede;padding:18px 0 0}.sp-ecosystem :is(.sp-ecosystem__integration,.sp-ecosystem__connected,.sp-ecosystem__detail) h3{font-size:28px}.sp-ecosystem .sp-ecosystem__body{font-size:16px;margin-top:14px}.sp-ecosystem__modes{gap:20px;margin-top:20px}.sp-ecosystem__breadth{grid-template-columns:1fr;gap:22px;padding:28px 24px;background-image:linear-gradient(#11161952,#11161952),var(--sp-eco-stat-bg-mobile,var(--sp-eco-stat-bg,none));background-position:var(--sp-eco-stat-bg-position-mobile,var(--sp-eco-stat-bg-position,50% 50%))}.sp-ecosystem .sp-ecosystem__stat-value{font-size:88px}.sp-ecosystem__breadth h3{font-size:26px}.sp-ecosystem .sp-ecosystem__stat-body{font-size:16px}.sp-ecosystem__connected{padding:28px 0 24px}.sp-ecosystem__groups{grid-template-columns:1fr;gap:22px}.sp-ecosystem .sp-ecosystem__connected-heading h3{font-size:26px}.sp-ecosystem__group{padding-top:18px}.sp-ecosystem__group h4{font-size:21px}}@media(prefers-reduced-motion:reduce){#MainContent .sp-ecosystem a.sp-ecosystem__link,.sp-ecosystem__link,.sp-ecosystem__link span:after,.sp-ecosystem__link svg{transition:none!important}}.sp-ecosystem__hero{position:relative;width:min(calc(100vw - 48px),1600px);max-width:none;margin:0 0 48px;left:50%;transform:translate(-50%)}.sp-ecosystem__hero img{height:auto;max-height:none;object-fit:contain}@media(max-width:767px){.sp-ecosystem__hero{width:calc(100vw - 32px);margin-bottom:32px}}.sp-ecosystem__hero-zoom{position:relative;display:block;color:#292929;cursor:zoom-in;text-decoration:none}.sp-ecosystem__hero-zoom:focus-visible{outline:2px solid #0a84ff;outline-offset:5px}.sp-ecosystem__zoom-mark{position:absolute;right:16px;bottom:16px;display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(41,41,41,.16);border-radius:50%;background:#fff;pointer-events:none}.sp-ecosystem__zoom-mark svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.5}@media(max-width:767px){.sp-ecosystem__zoom-mark{right:10px;bottom:10px}}
/*# sourceMappingURL=/cdn/shop/t/64/assets/sunpura-pdp-energy-ecosystem.css.map */