@font-face{font-family:SunpuraConnection;src:url(sunpura-neue-campton-regular.otf) format("opentype");font-weight:400;font-display:swap}@font-face{font-family:SunpuraConnection;src:url(sunpura-neue-campton-semibold.otf) format("opentype");font-weight:600;font-display:swap}.sp-connection{display:block;background:#fff;color:#292929;padding:var(--sp-connection-top,76px) 32px var(--sp-connection-bottom,76px);font-family:SunpuraConnection,var(--font-body-family,Arial),sans-serif;scroll-margin-top:160px;--sp-c-muted:#666666;--sp-c-line:rgba(41,41,41,.14);--sp-c-mint:#00E676;--sp-c-blue:#0A84FF;--sp-c-ease:cubic-bezier(.16,1,.3,1);--sp-c-spring:cubic-bezier(.34,1.56,.64,1)}.sp-connection *{box-sizing:border-box}.sp-connection [hidden]{display:none!important}.sp-connection__inner{max-width:var(--sp-connection-width,1440px);margin:auto}.sp-connection h2,.sp-connection h3{font-family:inherit;font-weight:600;color:inherit;letter-spacing:-.03em;text-transform:none;margin:0;overflow-wrap:anywhere}.sp-connection h2{font-size:clamp(32px,3.3vw,48px);line-height:1.12;max-width:24ch;text-wrap:balance}.sp-connection h3{font-size:26px;line-height:1.2;letter-spacing:-.02em}.sp-connection__header{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:36px}.sp-connection__intro{font-size:17px;line-height:1.65;color:var(--sp-c-muted);max-width:64ch}.sp-connection p{margin:0;color:inherit}.sp-connection p+p{margin-top:12px}.sp-connection__tabs{display:grid;grid-template-columns:1fr 1fr;background:#f5f5f5;border:1px solid rgba(41,41,41,.075);border-radius:999px;padding:5px;gap:6px;margin-bottom:30px}.sp-connection__tabs a{display:flex;align-items:center;justify-content:center;min-width:0;min-height:62px;padding:14px 20px;border:1.5px solid transparent;border-radius:999px;color:var(--sp-c-muted);text-align:center;font-size:16px;line-height:1.4;font-weight:600;text-decoration:none;position:relative;overflow:hidden;isolation:isolate;background:transparent;transition:color .22s ease,box-shadow .22s ease}.sp-connection__tabs a>span{position:relative;z-index:2;overflow-wrap:anywhere}.sp-connection__tabs a[aria-selected=true]{color:#292929;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(110deg,var(--sp-c-mint) 0%,var(--sp-c-blue) 34%,var(--sp-c-mint) 66%,var(--sp-c-blue) 100%) border-box;background-size:100% 100%,300% 100%;background-position:0 0,0 50%;box-shadow:0 7px 20px #181a1e0d}.sp-connection__tabs a:after{content:"";position:absolute;top:-70%;bottom:-70%;left:-34%;z-index:1;width:22%;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.86),transparent);opacity:0;transform:skew(-18deg) translate(-180%)}.sp-connection a:focus-visible,.sp-connection summary:focus-visible,.sp-connection__panel:focus-visible{outline:2px solid #0a84ff;outline-offset:4px}.sp-connection__panel{scroll-margin-top:160px;padding-bottom:28px}.sp-connection__panel+.sp-connection__panel{border-top:1px solid var(--sp-c-line);padding-top:30px}.sp-connection.is-enhanced .sp-connection__panel{border-top:0;padding-top:0}.sp-connection__stage{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:clamp(30px,4vw,64px);align-items:center;min-height:380px}.sp-connection__stage--text{grid-template-columns:1fr;min-height:0}.sp-connection__visual{margin:0;padding:24px;background:#f5f5f5;border:1px solid var(--sp-c-line);border-radius:12px;min-width:0}.sp-connection__flow{display:grid;grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr) 42px minmax(0,1fr);align-items:stretch}.sp-connection__node{background:#fff;border:1px solid var(--sp-c-line);border-radius:6px;padding:18px 10px;min-height:134px;display:flex;flex-direction:column;gap:8px;justify-content:center;align-items:center;text-align:center;min-width:0}.sp-connection__node strong{font-size:15px;font-weight:600;line-height:1.35;overflow-wrap:anywhere}.sp-connection__node span{font-size:12px;line-height:1.45;color:var(--sp-c-muted)}.sp-connection__node svg{width:32px;height:32px;stroke:#292929;stroke-width:1.5;flex-shrink:0}.sp-connection__node--storage{border-color:#29292947}.sp-connection__connector{position:relative;min-width:0;min-height:48px;align-self:stretch}.sp-connection__connector:before{content:"";position:absolute;left:0;right:0;height:2px;top:50%;background:linear-gradient(90deg,var(--sp-c-mint),#0a84ff)}.sp-connection__connector i:after,.sp-connection__connector--both i:before{content:"";position:absolute;right:2px;top:calc(50% - 3px);width:8px;height:8px;border-top:2px solid #0a84ff;border-right:2px solid #0a84ff;transform:rotate(45deg)}.sp-connection__connector--both i:before{right:auto;left:2px;border-color:var(--sp-c-mint);transform:rotate(225deg)}.sp-connection__connector>span{position:absolute;left:0;right:0;top:calc(50% - 24px);font-size:11px;line-height:16px;text-align:center;color:#666}.sp-connection__connector--branch{grid-column:5;grid-row:2;height:60px}.sp-connection__connector--branch:before{left:50%;top:0;bottom:0;width:2px;height:auto;right:auto;background:linear-gradient(var(--sp-c-mint),#0a84ff)}.sp-connection__connector--branch i:after{top:auto;bottom:2px;right:auto;left:calc(50% - 3px);transform:rotate(135deg)}.sp-connection__connector--branch i:before{top:2px;left:calc(50% - 3px);transform:rotate(-45deg)}.sp-connection__connector--branch>span{left:calc(50% + 12px);right:auto;top:calc(50% - 8px)}.sp-connection__node--branch{grid-column:5;grid-row:3;min-height:88px}.sp-connection__diagram-note{grid-column:1/4;grid-row:2/4;align-self:center;max-width:32ch;padding:16px 20px 0 0;font-size:13px;line-height:1.6;color:var(--sp-c-muted)!important}.sp-connection__visual figcaption{margin-top:18px;font-size:11px;line-height:1.5;color:var(--sp-c-muted)}.sp-connection__custom-image{display:block}.sp-connection__custom-image img{display:block;width:100%;height:auto;max-height:500px;object-fit:contain;background:#fff}.sp-connection__explanation{min-width:0}.sp-connection__body{font-size:16px;line-height:1.7;margin-top:20px}.sp-connection .sp-connection__route-note{font-size:13px;line-height:1.65;color:var(--sp-c-muted);margin-top:20px;padding-top:18px;border-top:1px solid var(--sp-c-line)}.sp-connection__facts,.sp-connection__power-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:26px 0 0}.sp-connection__facts>div,.sp-connection__power-grid>div{padding:0 22px;border-left:1px solid var(--sp-c-line);min-width:0}.sp-connection__facts>div:first-child,.sp-connection__power-grid>div:first-child{padding-left:0;border-left:0}.sp-connection dt{font-size:13px;line-height:1.4;color:var(--sp-c-muted);margin-bottom:10px}.sp-connection dd{margin:0}.sp-connection dd strong{display:block;font-weight:600;font-size:30px;line-height:1.2;letter-spacing:-.025em;overflow-wrap:anywhere}.sp-connection dd span{display:block;font-size:13px;line-height:1.55;margin-top:12px;max-width:44ch;color:var(--sp-c-muted)}.sp-connection .sp-connection__limit{font-size:12px;line-height:1.65;color:var(--sp-c-muted);margin-top:22px;max-width:115ch}.sp-connection__meter{display:grid;grid-template-columns:1fr 2fr;gap:30px;padding:24px 0 0;border-top:1px solid var(--sp-c-line);margin-top:24px;font-size:14px;line-height:1.65}.sp-connection__meter strong{font-weight:600}.sp-connection__meter p{color:var(--sp-c-muted)}.sp-connection__power{margin-top:26px;padding-top:30px;border-top:1px solid var(--sp-c-line)}.sp-connection__power h3{font-size:23px}.sp-connection__power-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:24px}.sp-connection__combined{border-bottom:1px solid var(--sp-c-line);margin-top:30px;padding:20px 0}.sp-connection__combined summary{position:relative;cursor:pointer;font-size:15px;line-height:1.5;font-weight:600;min-height:48px;display:flex;align-items:center;list-style:none;padding:10px 50px 10px 0}.sp-connection__combined summary::-webkit-details-marker{display:none}.sp-connection__combined summary:before{content:"";position:absolute;right:0;top:50%;width:32px;height:32px;border:1px solid var(--sp-c-line);border-radius:50%;transform:translateY(-50%)}.sp-connection__combined summary:after{content:"";position:absolute;right:10px;top:50%;width:12px;height:12px;transform:translateY(-50%);background:linear-gradient(#292929,#292929) center/12px 1px no-repeat,linear-gradient(#292929,#292929) center/1px 12px no-repeat;transition:background-size .22s var(--sp-c-ease)}.sp-connection__combined[open] summary:after{background-size:12px 1px,1px 0}.sp-connection__combined>div{font-size:14px;line-height:1.7;max-width:95ch;padding:12px 0;color:var(--sp-c-muted)}.sp-connection__footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:26px;font-size:14px;line-height:1.6}.sp-connection__footer p{max-width:62ch;color:var(--sp-c-muted)}.sp-connection__footer a{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;max-width:100%;padding:8px 18px 8px 22px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:#292929;color:#fff;font-family:inherit;font-size:15px;line-height:1.35;font-weight:600;letter-spacing:-.01em;text-decoration:none;transition:background .38s var(--sp-c-ease),border-color .38s var(--sp-c-ease);transform:none;box-shadow:none}.sp-connection__footer a>span:first-child{min-width:0;overflow-wrap:anywhere}.sp-connection__arrow{position:relative;display:block;width:32px;height:32px;flex:0 0 32px;border:1px solid rgba(255,255,255,.14);border-radius:50%;overflow:hidden;background:#ffffff1f;color:#fff}.sp-connection__arrow svg{position:absolute;width:18px;height:18px;top:6px;right:6px;bottom:6px;left:6px;stroke:currentColor;stroke-width:1.5;transition:transform .5s var(--sp-c-spring),opacity .4s var(--sp-c-ease)}.sp-connection__arrow svg:first-child{transform:none;opacity:1}.sp-connection__arrow svg+svg{transform:translate(-12px,12px);opacity:0}.sp-connection__footer a:focus-visible{background:#1e1e1e;border-color:#0a84ff4d}.sp-connection__footer a:focus-visible .sp-connection__arrow svg:first-child{transform:translate(12px,-12px);opacity:0}.sp-connection__footer a:focus-visible .sp-connection__arrow svg+svg{transform:none;opacity:1}@media(hover:hover){.sp-connection__footer a:hover{background:#1e1e1e;border-color:#0a84ff4d}.sp-connection__footer a:hover .sp-connection__arrow svg:first-child{transform:translate(12px,-12px);opacity:0}.sp-connection__footer a:hover .sp-connection__arrow svg+svg{transform:none;opacity:1}.sp-connection__tabs a:not([aria-selected=true]):hover{color:#292929;background:#ffffffc7}}@keyframes sp-connection-border{0%{background-position:0 0,0 50%}to{background-position:0 0,300% 50%}}@keyframes sp-connection-sheen{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%)}}@media(prefers-reduced-motion:no-preference){.sp-connection[data-motion=true].is-visible .sp-connection__tabs a[aria-selected=true]{animation:sp-connection-border 4.8s linear infinite}.sp-connection[data-motion=true].is-visible .sp-connection__tabs a[aria-selected=true]:after{animation:sp-connection-sheen 4.2s cubic-bezier(.22,1,.36,1) infinite}}@media(max-width:989px){.sp-connection{padding-inline:24px}.sp-connection__header{grid-template-columns:1fr;gap:18px}.sp-connection__stage{grid-template-columns:1fr;gap:26px;min-height:0}.sp-connection__explanation{max-width:80ch}.sp-connection__flow{max-width:720px;margin:auto}.sp-connection__facts{grid-template-columns:1fr 1fr;row-gap:24px}.sp-connection__facts>div:nth-child(3){padding-left:0;border-left:0}.sp-connection__meter{grid-template-columns:1fr;gap:10px}}@media(max-width:599px){.sp-connection{padding:48px 20px}.sp-connection__header{margin-bottom:24px}.sp-connection h2{font-size:32px}.sp-connection h3{font-size:23px}.sp-connection__intro{font-size:15px}.sp-connection__tabs{grid-template-columns:1fr;border:0;border-radius:0;background:transparent;padding:0;gap:8px}.sp-connection__tabs a{padding:12px 18px;font-size:15px;min-height:56px;border-color:var(--sp-c-line)}.sp-connection__tabs a[aria-selected=true]{border-color:transparent}.sp-connection__visual{padding:18px}.sp-connection__flow{grid-template-columns:1fr;max-width:360px}.sp-connection__node{min-height:88px;padding:14px;gap:5px}.sp-connection__node svg{width:26px;height:26px}.sp-connection__connector,.sp-connection__connector--branch{height:44px;min-height:44px;grid-column:auto;grid-row:auto}.sp-connection__connector:before{left:50%;top:0;bottom:0;width:2px;height:auto;right:auto;background:linear-gradient(var(--sp-c-mint),#0a84ff)}.sp-connection__connector i:after{top:auto;bottom:2px;right:auto;left:calc(50% - 3px);transform:rotate(135deg)}.sp-connection__connector--both i:before{top:2px;left:calc(50% - 3px);transform:rotate(-45deg)}.sp-connection__connector>span{left:calc(50% + 12px);right:auto;top:calc(50% - 8px)}.sp-connection__node--branch{grid-column:auto;grid-row:auto}.sp-connection__diagram-note{grid-column:1;grid-row:6;order:1;padding:18px 0 0;max-width:none}.sp-connection__flow--retrofit .sp-connection__connector--branch{grid-row:6}.sp-connection__flow--retrofit .sp-connection__node--branch{grid-row:7}.sp-connection__flow--retrofit .sp-connection__diagram-note{grid-row:8}.sp-connection__body{font-size:15px}.sp-connection dd strong{font-size:26px}.sp-connection__facts>div{padding-inline:14px}.sp-connection__power-grid{grid-template-columns:1fr;gap:22px}.sp-connection__power-grid>div{border-left:0;border-top:1px solid var(--sp-c-line);padding:18px 0 0}.sp-connection__power-grid>div:first-child{border-top:0;padding-top:0}.sp-connection__footer{align-items:flex-start;flex-direction:column;gap:18px}.sp-connection__footer a{width:100%;min-height:50px;justify-content:space-between}}@media(prefers-reduced-motion:reduce){.sp-connection__tabs a,.sp-connection__tabs a:after{animation:none!important;transition:none}.sp-connection__arrow svg,.sp-connection__footer a,.sp-connection__combined summary:after{transition:none}}.sp-connection[data-motion=false] .sp-connection__arrow svg,.sp-connection[data-motion=false] .sp-connection__footer a,.sp-connection[data-motion=false] .sp-connection__tabs a,.sp-connection[data-motion=false] .sp-connection__combined summary:after{transition:none}
/*# sourceMappingURL=/cdn/shop/t/58/assets/sunpura-s2400-setup.css.map */