.sp-meter{--sp-meter-line:#dedfdf;--sp-meter-muted:#626765;--sp-meter-ease:cubic-bezier(.16,1,.3,1);display:block;padding:var(--sp-meter-top,72px) 32px var(--sp-meter-bottom,48px);color:#292929;background:#fff;font-family:Sunpura Meter Campton,Neue Campton,Arial,sans-serif;scroll-margin-top:calc(var(--sp-anchor-offset,140px) + 24px)}.sp-meter,.sp-meter *,.sp-meter *:before,.sp-meter *:after{box-sizing:border-box}.sp-meter h2,.sp-meter h3,.sp-meter h4,.sp-meter p,.sp-meter figure{margin:0;font-family:inherit}.sp-meter__inner{max-width:var(--sp-meter-width,1280px);margin-inline:auto}.sp-meter__header{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:start}.sp-meter .sp-meter__header h2{color:#292929;max-width:18ch;font-size:clamp(34px,4vw,58px);font-weight:600;line-height:1.08;letter-spacing:-.035em;text-wrap:balance}.sp-meter .sp-meter__header p{padding-top:6px;max-width:54ch;color:var(--sp-meter-muted);font-size:18px;line-height:1.6}.sp-meter .sp-meter__diagram{margin-top:40px}.sp-meter .sp-meter-flow-demo{display:grid;grid-template-columns:minmax(0,1fr) 64px minmax(0,1.1fr) 80px minmax(0,1fr);align-items:start;--sp-meter-visual-height:200px;padding:32px 0;border-block:1px solid var(--sp-meter-line)}.sp-meter-flow-stage{min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:flex-start;padding:0 16px 16px}.sp-meter-flow-stage__visual{display:flex;align-items:center;justify-content:center;width:100%;max-width:260px;height:var(--sp-meter-visual-height);margin-bottom:18px}.sp-meter .sp-meter-flow-stage__visual svg{display:block;width:72px;height:72px;color:#626765}.sp-meter .sp-meter-flow-stage__visual img{position:static;display:block;width:100%;height:100%;max-width:100%;object-fit:contain;object-position:center}.sp-meter .sp-meter-flow-stage__visual--house img{max-width:240px}.sp-meter .sp-meter-flow-stage__visual--meter img{max-width:160px;height:160px}.sp-meter .sp-meter-flow-stage__visual--product img{max-width:200px}.sp-meter .sp-meter-flow-stage h3{color:#292929;max-width:22ch;font-size:22px;font-weight:600;line-height:1.2;letter-spacing:-.025em}.sp-meter .sp-meter-flow-stage p{max-width:30ch;margin-top:10px;color:var(--sp-meter-muted);font-size:15px;line-height:1.55}.sp-meter-flow-connector{position:relative;min-width:0;display:flex;justify-content:center;align-items:center;align-self:start;height:var(--sp-meter-visual-height)}.sp-meter-flow-connector__track{display:flex;align-items:center;width:100%}.sp-meter-flow-connector__track>i{display:block;position:relative;width:100%;height:2px;background:#dedfdf}.sp-meter-flow-connector__track>i:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,#00e676,#0a84ff);transform:scaleX(1);transform-origin:left;transition:transform .6s var(--sp-meter-ease)}.sp-meter-flow-connector__track>svg{display:block;width:16px;height:16px;flex:0 0 16px;margin-left:-2px;fill:none;stroke:#0a84ff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sp-meter-flow-connector--data .sp-meter-flow-connector__track>i:before{transition-delay:.6s}.sp-meter-flow-demo[data-pending] .sp-meter-flow-connector__track>i:before{transform:scaleX(0)}.sp-meter .sp-meter__flow-caption{margin-top:16px}.sp-meter .sp-meter__flow-caption p{color:var(--sp-meter-muted);font-size:14px;line-height:1.6}.sp-meter__solutions{margin-top:40px}.sp-meter .sp-meter__routes-title{margin-bottom:24px;color:#292929;font-size:30px;font-weight:600;line-height:1.15;letter-spacing:-.03em}.sp-meter__solution{min-width:0;display:grid;grid-template-columns:160px minmax(0,1.2fr) minmax(0,1fr);gap:40px;align-items:center;padding:24px 0;border-top:1px solid var(--sp-meter-line)}.sp-meter__solution--text{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.sp-meter__solution-copy,.sp-meter__solution-check{min-width:0}.sp-meter .sp-meter__device{display:flex;flex-direction:column;align-items:center;justify-content:center;width:160px;min-height:144px}.sp-meter .sp-meter__device img{display:block;position:static;width:160px;height:144px;max-width:100%;object-fit:contain;object-position:center}.sp-meter .sp-meter__ct-concept{display:block;width:100px;height:92px;color:#626765}.sp-meter .sp-meter__device figcaption{max-width:23ch;margin-top:8px;color:var(--sp-meter-muted);font-size:12px;line-height:1.4;text-align:center}.sp-meter .sp-meter__solution h4{color:#292929;font-size:25px;line-height:1.2;font-weight:600;letter-spacing:-.025em;overflow-wrap:break-word}.sp-meter .sp-meter__solution-copy>p{max-width:46ch;margin-top:10px;color:#292929;font-size:17px;line-height:1.55}.sp-meter .sp-meter__solution-check p{max-width:42ch;color:var(--sp-meter-muted);font-size:15px;line-height:1.6}.sp-meter .sp-meter__solution-check .sp-meter__check-label{margin-bottom:6px;color:#292929;font-size:13px;font-weight:600;line-height:1.45}.sp-meter__clarifications{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px;margin-top:8px;border-top:1px solid var(--sp-meter-line)}.sp-meter__clarification{min-width:0;padding:24px 0}.sp-meter .sp-meter__clarification h3{color:#292929;font-size:20px;font-weight:600;line-height:1.3;letter-spacing:-.02em}.sp-meter .sp-meter__clarification p{margin-top:10px;color:var(--sp-meter-muted);font-size:15px;line-height:1.6}.sp-meter__clarification--primary{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:48px;padding-block:30px;border-bottom:1px solid var(--sp-meter-line)}.sp-meter .sp-meter__clarification--primary h3{max-width:25ch;font-size:26px;line-height:1.2}.sp-meter .sp-meter__clarification--primary p{max-width:68ch;margin-top:0;font-size:16px}.sp-meter .sp-meter__market{padding-top:18px;border-top:1px solid var(--sp-meter-line);color:var(--sp-meter-muted);font-size:13px;line-height:1.6;max-width:110ch}.sp-meter__next{display:flex;margin-top:24px}.sp-meter .sp-meter__link{display:inline-flex;align-items:center;gap:6px;min-height:44px;max-width:100%;padding:0;color:#292929;font-size:15px;font-weight:600;line-height:1.5;letter-spacing:-.01em;text-decoration:none;text-shadow:none;border:0;box-shadow:none;background:transparent;transition:color .25s var(--sp-meter-ease)}.sp-meter__link-label{position:relative;min-width:0;text-decoration:none;border:0;box-shadow:none;background:transparent}.sp-meter__link:before,.sp-meter__link:after{content:none}.sp-meter__link-label:after{content:"";position:absolute;inset-inline:0;bottom:-5px;height:2px;border-radius:999px;background:linear-gradient(100deg,#00e676,#0a84ff);transform:scaleX(.42);transform-origin:left center;transition:transform .45s var(--sp-meter-ease)}.sp-meter .sp-meter__link svg{width:15px;height:15px;flex:0 0 15px;transition:transform .45s var(--sp-meter-ease)}.sp-meter a:focus-visible{outline:2px solid #0a84ff;outline-offset:6px;border-radius:2px}@media(hover:hover){.sp-meter .sp-meter__link:hover{color:#0a84ff}.sp-meter__link:hover .sp-meter__link-label:after{transform:scaleX(1)}.sp-meter .sp-meter__link:hover svg{transform:translate(4px,-4px)}}@media(max-width:989px){.sp-meter{padding-inline:24px}.sp-meter__header{gap:32px}.sp-meter .sp-meter-flow-demo{grid-template-columns:minmax(0,1fr) 32px minmax(0,1.1fr) 48px minmax(0,1fr)}.sp-meter-flow-stage{padding-inline:8px}.sp-meter .sp-meter-flow-stage h3{font-size:20px}.sp-meter__solution{grid-template-columns:140px minmax(0,1.1fr) minmax(0,1fr);gap:24px}.sp-meter__solution--text{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-meter .sp-meter__device{width:140px}.sp-meter__clarification--primary{gap:32px}}@media(max-width:749px){.sp-meter{padding:48px 20px}.sp-meter__header{grid-template-columns:1fr;gap:18px}.sp-meter .sp-meter__header h2{max-width:20ch;font-size:36px}.sp-meter .sp-meter__header p{padding-top:0;font-size:16px}.sp-meter .sp-meter__diagram{margin-top:28px}.sp-meter .sp-meter-flow-demo{grid-template-columns:1fr;--sp-meter-visual-height:112px;padding:16px 0}.sp-meter-flow-stage{display:grid;grid-template-columns:96px minmax(0,1fr);gap:20px;padding:8px 0;text-align:left;align-items:center}.sp-meter-flow-stage--text{grid-template-columns:1fr;padding-block:20px}.sp-meter-flow-stage__visual{width:96px;max-width:96px;height:var(--sp-meter-visual-height);margin:0}.sp-meter .sp-meter-flow-stage__visual svg{width:56px;height:56px}.sp-meter .sp-meter-flow-stage__visual--house img,.sp-meter .sp-meter-flow-stage__visual--product img{width:96px;height:112px}.sp-meter .sp-meter-flow-stage__visual--meter img{width:88px;height:88px}.sp-meter .sp-meter-flow-stage h3{max-width:none;font-size:20px}.sp-meter .sp-meter-flow-stage p{margin-top:6px;font-size:14px}.sp-meter-flow-connector{width:18px;height:32px;margin:2px 0 2px 39px}.sp-meter-flow-connector__track{width:18px;height:32px;flex-direction:column}.sp-meter-flow-connector__track>i{width:2px;height:100%}.sp-meter-flow-connector__track>i:before{background:linear-gradient(180deg,#00e676,#0a84ff);transform:scaleY(1);transform-origin:top}.sp-meter-flow-demo[data-pending] .sp-meter-flow-connector__track>i:before{transform:scaleY(0)}.sp-meter-flow-connector__track>svg{margin:-2px 0 0;transform:rotate(90deg)}.sp-meter .sp-meter__flow-caption p{font-size:13px}.sp-meter__solutions{margin-top:32px}.sp-meter .sp-meter__routes-title{margin-bottom:20px;font-size:27px}.sp-meter__solution{grid-template-columns:88px minmax(0,1fr);align-items:center;gap:12px 20px;padding:24px 0}.sp-meter .sp-meter__device{grid-column:1;grid-row:1;width:88px;min-height:100px}.sp-meter .sp-meter__device img{width:88px;height:100px}.sp-meter .sp-meter__ct-concept{width:66px;height:66px}.sp-meter .sp-meter__device figcaption{font-size:10px;line-height:1.35}.sp-meter__solution-copy{display:contents}.sp-meter .sp-meter__solution h4{grid-column:2;grid-row:1;font-size:23px}.sp-meter .sp-meter__solution-copy>p{grid-column:1/-1;max-width:none;margin-top:0;font-size:16px}.sp-meter__solution-check{grid-column:1/-1}.sp-meter .sp-meter__solution-check p{max-width:none;font-size:14px}.sp-meter .sp-meter__solution-check .sp-meter__check-label{margin-bottom:3px;font-size:12px}.sp-meter__solution--text h4{grid-column:1/-1!important}.sp-meter__clarifications{grid-template-columns:1fr;gap:0}.sp-meter__clarification{padding:20px 0}.sp-meter__clarification+.sp-meter__clarification{border-top:1px solid var(--sp-meter-line)}.sp-meter__clarification--primary{display:block;padding-block:26px;border-bottom:0}.sp-meter .sp-meter__clarification--primary h3{max-width:28ch;font-size:25px}.sp-meter .sp-meter__clarification--primary p{margin-top:12px;font-size:15px}.sp-meter .sp-meter__market{font-size:13px}}@media(max-width:359px){.sp-meter{padding-inline:16px}.sp-meter .sp-meter__header h2{font-size:32px}.sp-meter-flow-stage{gap:14px}.sp-meter .sp-meter-flow-stage h3{font-size:18px}.sp-meter__solution{gap:12px 16px}.sp-meter .sp-meter__solution h4{font-size:21px}}@media(prefers-reduced-motion:reduce){.sp-meter-flow-connector__track>i:before,.sp-meter__link,.sp-meter__link-label:after,.sp-meter__link svg{transition:none}.sp-meter-flow-demo[data-pending] .sp-meter-flow-connector__track>i:before{transform:none}.sp-meter .sp-meter__link:hover svg{transform:none}}.sp-meter-partners{display:block;margin-top:32px;padding-top:28px;border-top:1px solid var(--sp-meter-line)}.sp-meter-partners__header{display:flex;align-items:flex-start;justify-content:space-between;gap:32px;margin-bottom:24px}.sp-meter .sp-meter-partners__header h3{color:#292929;font-size:28px;font-weight:600;line-height:1.2;letter-spacing:-.03em}.sp-meter .sp-meter-partners__header p{max-width:68ch;margin-top:12px;color:var(--sp-meter-muted);font-size:16px;line-height:1.6}.sp-meter-partners__nav{display:none;flex:0 0 auto;gap:8px}.sp-meter-partners.is-ready[data-overflow=true] .sp-meter-partners__nav{display:flex}.sp-meter .sp-meter-partners__nav button{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:0;border:1px solid var(--sp-meter-line);border-radius:50%;background:#fff;color:#292929;box-shadow:none;cursor:pointer;transition:border-color .25s var(--sp-meter-ease),color .25s var(--sp-meter-ease)}.sp-meter .sp-meter-partners__nav button:before,.sp-meter .sp-meter-partners__nav button:after{content:none}.sp-meter .sp-meter-partners__nav button:disabled{opacity:.35;cursor:default}.sp-meter .sp-meter-partners__nav svg{display:block;flex:0 0 20px;width:20px;height:20px;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.sp-meter .sp-meter-partners__viewport{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 96px)/4.5);gap:24px;width:100%;max-width:100%;margin:0;padding:0 0 12px;list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#b9bfbc transparent}.sp-meter-partners__tile{min-width:0;margin:0;padding:16px 16px 20px 0;border-right:1px solid var(--sp-meter-line);scroll-snap-align:start}.sp-meter-partners__tile:last-child{border-right:0}.sp-meter-partners__image{display:flex;align-items:center;justify-content:center;height:148px;margin-bottom:20px}.sp-meter .sp-meter-partners__image img{position:static;display:block;width:100%;height:148px;max-width:200px;object-fit:contain;object-position:center}.sp-meter .sp-meter-partners__tile h4{margin:0;color:#292929;font-size:19px;font-weight:600;line-height:1.3;letter-spacing:-.02em;overflow-wrap:break-word}.sp-meter .sp-meter-partners__tile p{margin-top:6px;color:var(--sp-meter-muted);font-size:13px;line-height:1.5}.sp-meter .sp-meter-partners__note{max-width:100ch;margin-top:16px;margin-bottom:28px;color:var(--sp-meter-muted);font-size:13px;line-height:1.6}.sp-meter-partners :is(button,[tabindex]):focus-visible{outline:2px solid #0a84ff;outline-offset:3px}@media(hover:hover){.sp-meter .sp-meter-partners__nav button:hover:not(:disabled){border-color:#292929}}@media(max-width:989px){.sp-meter .sp-meter-partners__viewport{grid-auto-columns:calc((100% - 48px)/2.6)}}@media(max-width:749px){.sp-meter-partners{margin-top:24px;padding-top:24px}.sp-meter-partners__header{display:block;margin-bottom:20px}.sp-meter .sp-meter-partners__header h3{font-size:25px}.sp-meter .sp-meter-partners__header p{font-size:15px}.sp-meter-partners__nav{justify-content:flex-end;margin-top:16px}.sp-meter .sp-meter-partners__viewport{grid-auto-columns:calc((100% - 16px)/1.5);gap:16px}.sp-meter-partners__tile{padding:8px 12px 16px 0}.sp-meter-partners__image,.sp-meter .sp-meter-partners__image img{height:132px}.sp-meter .sp-meter-partners__tile h4{font-size:18px}.sp-meter .sp-meter-partners__note{margin-bottom:24px}}@media(prefers-reduced-motion:reduce){.sp-meter .sp-meter-partners__nav button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/64/assets/sunpura-pdp-metering.css.map */