.sp-smart-energy{--sp-se-text: #292929;--sp-se-muted: rgba(41, 41, 41, .62);--sp-se-faint: rgba(41, 41, 41, .46);--sp-se-line: rgba(41, 41, 41, .1);--sp-se-line-strong: rgba(41, 41, 41, .16);--sp-se-soft: #f5f5f5;--sp-se-dark: #101214;--sp-se-white: #fff;--sp-se-mint: #00e676;--sp-se-blue: #0a84ff;--sp-se-grad: linear-gradient(100deg, var(--sp-se-mint), var(--sp-se-blue));--sp-se-ease: cubic-bezier(.16, 1, .3, 1);width:100%;padding:var(--sp-se-pt) 24px var(--sp-se-pb);overflow:clip;color:var(--sp-se-text);background:var(--sp-se-white)}.sp-smart-energy *,.sp-smart-energy *:before,.sp-smart-energy *:after{box-sizing:border-box}.sp-smart-energy__container{width:min(100%,var(--sp-se-max));margin-inline:auto}.sp-smart-energy__header,.sp-smart-energy__section-head,.sp-smart-energy__market{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);gap:clamp(36px,6vw,88px);align-items:start}.sp-smart-energy__header{align-items:end}.sp-smart-energy__heading,.sp-smart-energy__section-head h3,.sp-smart-energy__market h3,.sp-smart-energy__mode-copy h4{margin:0;color:var(--sp-se-text);font-family:Neue Campton,Inter,ui-sans-serif,system-ui,sans-serif;text-wrap:balance}.sp-smart-energy__heading{max-width:900px;font-size:clamp(38px,4.6vw,70px);line-height:.99;font-weight:700;letter-spacing:-.048em}.sp-smart-energy__intro,.sp-smart-energy__section-head .rte,.sp-smart-energy__market .rte,.sp-smart-energy__mode-copy .rte{color:var(--sp-se-muted);font-family:Neue Campton,Inter,ui-sans-serif,system-ui,sans-serif}.sp-smart-energy__intro{max-width:670px;justify-self:end;font-size:clamp(16px,1.35vw,19px);line-height:1.58;font-weight:500}.sp-smart-energy__intro p,.sp-smart-energy__section-head p,.sp-smart-energy__market p,.sp-smart-energy__mode-copy p{margin:0}.sp-smart-energy__flow{display:grid;grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr) 72px minmax(0,1fr);align-items:center;margin-top:clamp(42px,5.5vw,72px);padding:clamp(30px,4.4vw,52px) 0;border-top:1px solid var(--sp-se-line);border-bottom:1px solid var(--sp-se-line)}.sp-smart-energy__flow-node{display:grid;grid-template-columns:58px minmax(0,1fr);gap:16px;align-items:center;min-width:0}.sp-smart-energy__flow-icon{display:grid;place-items:center;width:58px;height:58px;border:1px solid var(--sp-se-line-strong);border-radius:50%;background:#fff}.sp-smart-energy__flow-icon svg{width:34px;height:34px;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}.sp-smart-energy__flow-node strong{display:block;color:var(--sp-se-text);font:680 clamp(16px,1.35vw,19px)/1.18 "Neue Campton",Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:-.02em}.sp-smart-energy__flow-node p{margin:6px 0 0;color:var(--sp-se-muted);font:500 12.5px/1.45 Neue Campton,Inter,ui-sans-serif,system-ui,sans-serif}.sp-smart-energy__flow-node small{display:block;margin-top:5px;color:var(--sp-se-faint);font:560 10.5px/1.4 Neue Campton,Inter,ui-sans-serif,system-ui,sans-serif}.sp-smart-energy__connector{display:grid;grid-template-columns:minmax(0,1fr) 16px;gap:4px;align-items:center;padding-inline:7px;color:var(--sp-se-blue)}.sp-smart-energy__connector-track{position:relative;display:block;height:2px;overflow:hidden;border-radius:999px;background:var(--sp-se-grad)}.sp-smart-energy__connector-track>i{position:absolute;top:-2px;left:-28%;width:28%;height:6px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.98),transparent);opacity:0}.sp-smart-energy__connector svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sp-smart-energy--motion .sp-smart-energy__connector-track>i{animation:spSeSignal 2.8s var(--sp-se-ease) infinite}.sp-smart-energy--motion .sp-smart-energy__connector--second .sp-smart-energy__connector-track>i{animation-delay:.42s}@keyframes spSeSignal{0%,16%{left:-28%;opacity:0}24%{opacity:.92}58%{left:105%;opacity:.82}66%,to{left:105%;opacity:0}}.sp-smart-energy__modes,.sp-smart-energy__tariff,.sp-smart-energy__facts-section{margin-top:clamp(72px,8vw,112px)}.sp-smart-energy__section-head h3,.sp-smart-energy__market h3{max-width:700px;font-size:clamp(28px,3vw,43px);line-height:1.04;font-weight:680;letter-spacing:-.038em}.sp-smart-energy__section-head .rte,.sp-smart-energy__market .rte{max-width:730px;font-size:14.5px;line-height:1.62;font-weight:500}.sp-smart-energy__mode-shell{margin-top:clamp(30px,4vw,46px)}.sp-smart-energy__mode-selector{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:4px;border:1px solid var(--sp-se-line);border-radius:17px;background:var(--sp-se-soft)}.sp-smart-energy__mode-selector button{position:relative;min-height:54px;padding:11px 14px;border:1.5px solid transparent;border-radius:13px;-webkit-appearance:none;appearance:none;background:transparent;color:#29292994;cursor:pointer;font:650 13px/1.2 Neue Campton,Inter,ui-sans-serif,system-ui,sans-serif;transition:color .2s ease,background .2s ease,border-color .2s ease}.sp-smart-energy__mode-selector button[aria-selected=true]{color:var(--sp-se-text);background:linear-gradient(#fff,#fff) padding-box,linear-gradient(100deg,var(--sp-se-mint),var(--sp-se-blue)) border-box;border-color:transparent}.sp-smart-energy__mode-selector button:focus-visible{outline:2px solid var(--sp-se-blue);outline-offset:3px}.sp-smart-energy__mode-stage{position:relative;margin-top:10px;overflow:hidden;border:1px solid var(--sp-se-line);border-radius:22px;background:#fff}.sp-smart-energy__mode-panel{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);min-height:470px}.sp-smart-energy__mode-panel[hidden]{display:none!important}.sp-smart-energy__logic-rail{display:grid;grid-template-columns:minmax(116px,.82fr) 42px minmax(164px,1fr) 42px minmax(116px,.82fr);align-items:center;min-width:0;padding:clamp(34px,4vw,50px);color:#fff;background:radial-gradient(circle at 89% 9%,rgba(10,132,255,.14),transparent 31%),radial-gradient(circle at 8% 91%,rgba(0,230,118,.1),transparent 34%),var(--sp-se-dark)}.sp-smart-energy__logic-side{display:grid;align-content:center;gap:0}.sp-smart-energy__logic-side span{min-width:0;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.12);color:#ffffffb0;font:590 12px/1.35 Neue Campton,Inter,ui-sans-serif,system-ui,sans-serif}.sp-smart-energy__logic-side--out span{text-align:right}.sp-smart-energy__logic-link{display:block;height:2px;margin-inline:6px;background:linear-gradient(90deg,var(--sp-se-mint),var(--sp-se-blue));opacity:.9}.sp-smart-energy__logic-core{display:grid;place-items:center;align-content:center;min-height:164px;padding:24px 18px;border:1px solid rgba(255,255,255,.18);border-radius:50%;text-align:center}.sp-smart-energy__logic-core small{color:#ffffff75;font:700 10px/1.2 Neue Campton,Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase}.sp-smart-energy__logic-core strong{display:block;max-width:152px;margin-top:8px;color:#fff;font:680 clamp(17px,1.45vw,21px)/1.16 "Neue Campton",Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:-.024em}.sp-smart-energy__mode-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:start;min-width:0;padding:clamp(36px,4.5vw,58px);border-left:1px solid var(--sp-se-line)}.sp-smart-energy__mode-copy h4{max-width:600px;font-size:clamp(26px,2.6vw,39px);line-height:1.04;font-weight:680;letter-spacing:-.038em}.sp-smart-energy__mode-copy .rte{max-width:640px;margin-top:14px;font-size:14.5px;line-height:1.62;font-weight:500}.sp-smart-energy__mode-copy ul{margin:24px 0 0;padding:0;list-style:none;border-top:1px solid var(--sp-se-line)}.sp-smart-energy__mode-copy li{position:relative;padding:14px 0 14px 22px;border-bottom:1px solid var(--sp-se-line);color:#292929b8;font:570 12.5px/1.48 Neue Campton,Inter,ui-sans-serif,system-ui,sans-serif}.sp-smart-energy__mode-copy li:before{content:"";position:absolute;left:0;top:20px;width:8px;height:1.5px;background:var(--sp-se-grad)}.sp-smart-energy__app-image{width:min(100%,230px);margin:0}.sp-smart-energy__app-image img{display:block;width:100%;height:auto;border:1px solid var(--sp-se-line);border-radius:16px;background:#fff}.sp-smart-energy__mode-panel.is-switching .sp-smart-energy__logic-rail,.sp-smart-energy__mode-panel.is-switching .sp-smart-energy__mode-copy{animation:spSePanelIn .38s var(--sp-se-ease) both}.sp-smart-energy__mode-panel.is-switching .sp-smart-energy__mode-copy{animation-delay:.04s}@keyframes spSePanelIn{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.sp-smart-energy__tariff{padding-top:clamp(42px,5vw,62px);border-top:1px solid var(--sp-se-line)}.sp-smart-energy__tariff-chart{margin-top:clamp(30px,4vw,46px);padding:clamp(22px,3vw,34px);border:1px solid var(--sp-se-line);border-radius:22px;background:#fff}.sp-smart-energy__tariff-legend{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:18px;margin-bottom:6px;color:var(--sp-se-faint);font:560 10.5px/1.3 Neue Campton,Inter,ui-sans-serif,system-ui,sans-serif}.sp-smart-energy__tariff-legend span{display:inline-flex;align-items:center;gap:7px}.sp-smart-energy__legend-line{width:24px;height:2px;background:var(--sp-se-grad)}.sp-smart-energy__legend-window{width:20px;height:10px;border-radius:3px;background:#00e67614;border:1px solid rgba(0,230,118,.2)}.sp-smart-energy__tariff-canvas{position:relative;width:min(100%,980px);margin-inline:auto}.sp-smart-energy__tariff-canvas svg{display:block;width:100%;height:auto}.sp-smart-energy__tariff-grid path{stroke:#29292914;stroke-width:1}.sp-smart-energy__tariff-zone{fill:#00e6760b;stroke:#00e67629;opacity:.72}.sp-smart-energy__tariff-area{opacity:.86}.sp-smart-energy__tariff-line,.sp-smart-energy__tariff-glow{fill:none;stroke-linecap:round;stroke-linejoin:round}.sp-smart-energy__tariff-line{stroke-width:3;path-length:1}.sp-smart-energy__tariff-glow{stroke:#ffffffeb;stroke-width:2;opacity:0}.sp-smart-energy__tariff-dot{fill:#fff;stroke-width:3}.sp-smart-energy__tariff-dot--low{stroke:var(--sp-se-mint)}.sp-smart-energy__tariff-dot--high{stroke:var(--sp-se-blue)}.sp-smart-energy__tariff-axis text{fill:#2929296b;font:560 10px/1 Neue Campton,Inter,ui-sans-serif,system-ui,sans-serif}.sp-smart-energy__tariff-callout{position:absolute;max-width:190px;padding:10px 12px;border:1px solid rgba(41,41,41,.1);border-radius:12px;background:#ffffffe0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 7px 22px #0f12140a}.sp-smart-energy__tariff-callout span,.sp-smart-energy__tariff-callout strong{display:block}.sp-smart-energy__tariff-callout span{color:var(--sp-se-faint);font:580 10px/1.3 Neue Campton,Inter,ui-sans-serif,system-ui,sans-serif}.sp-smart-energy__tariff-callout strong{margin-top:3px;color:var(--sp-se-text);font:660 12px/1.35 Neue Campton,Inter,ui-sans-serif,system-ui,sans-serif}.sp-smart-energy__tariff-callout--low{left:18%;bottom:24%}.sp-smart-energy__tariff-callout--high{right:8%;top:11%}.sp-smart-energy__tariff-note{margin:10px 0 0;color:var(--sp-se-faint);text-align:right;font:530 10.5px/1.45 Neue Campton,Inter,ui-sans-serif,system-ui,sans-serif}.sp-smart-energy--motion .sp-smart-energy__tariff:not(.is-visible) .sp-smart-energy__tariff-line{stroke-dasharray:1;stroke-dashoffset:1}.sp-smart-energy--motion .sp-smart-energy__tariff.is-visible .sp-smart-energy__tariff-line{animation:spSeTariffDraw .9s var(--sp-se-ease) both}.sp-smart-energy--motion .sp-smart-energy__tariff.is-visible .sp-smart-energy__tariff-area{animation:spSeTariffArea .45s .42s ease both}.sp-smart-energy--motion .sp-smart-energy__tariff.is-visible .sp-smart-energy__tariff-zone{animation:spSeTariffZone .5s .5s var(--sp-se-ease) both}.sp-smart-energy--motion .sp-smart-energy__tariff.is-visible .sp-smart-energy__tariff-dot--low,.sp-smart-energy--motion .sp-smart-energy__tariff.is-visible .sp-smart-energy__tariff-callout--low{animation:spSeTariffPoint .36s .65s var(--sp-se-ease) both}.sp-smart-energy--motion .sp-smart-energy__tariff.is-visible .sp-smart-energy__tariff-dot--high,.sp-smart-energy--motion .sp-smart-energy__tariff.is-visible .sp-smart-energy__tariff-callout--high{animation:spSeTariffPoint .36s 1.02s var(--sp-se-ease) both}.sp-smart-energy--motion .sp-smart-energy__tariff.is-visible .sp-smart-energy__tariff-glow{stroke-dasharray:56 900;opacity:.64;animation:spSeTariffGlow 4.8s 1.25s linear infinite}@keyframes spSeTariffDraw{to{stroke-dashoffset:0}}@keyframes spSeTariffArea{0%{opacity:0}to{opacity:.86}}@keyframes spSeTariffZone{0%{opacity:0;transform:scaleX(.22);transform-origin:66px 0}to{opacity:.72;transform:scaleX(1)}}@keyframes spSeTariffPoint{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes spSeTariffGlow{0%{stroke-dashoffset:960}to{stroke-dashoffset:-80}}.sp-smart-energy__facts-section{padding-top:clamp(42px,5vw,62px);border-top:1px solid var(--sp-se-line)}.sp-smart-energy__facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:clamp(28px,4vw,42px) 0 0;border-top:1px solid var(--sp-se-line);border-bottom:1px solid var(--sp-se-line)}.sp-smart-energy__facts>div{min-width:0;padding:22px 22px 24px}.sp-smart-energy__facts>div+div{border-left:1px solid var(--sp-se-line)}.sp-smart-energy__facts dd,.sp-smart-energy__facts dt{margin:0}.sp-smart-energy__facts dd{color:var(--sp-se-text);font:700 clamp(23px,2.4vw,36px)/1 "Neue Campton",Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:-.035em}.sp-smart-energy__facts dt{max-width:360px;margin-top:9px;color:var(--sp-se-muted);font:560 11px/1.46 Neue Campton,Inter,ui-sans-serif,system-ui,sans-serif}.sp-smart-energy__facts-note{margin:11px 0 0;color:var(--sp-se-faint);font:530 10.5px/1.48 Neue Campton,Inter,ui-sans-serif,system-ui,sans-serif}.sp-smart-energy__market{margin-top:clamp(42px,5vw,64px);padding-top:clamp(30px,4vw,44px);border-top:1px solid var(--sp-se-line)}.sp-smart-energy__boundary{margin:0;color:var(--sp-se-faint);font:520 11px/1.57 Neue Campton,Inter,ui-sans-serif,system-ui,sans-serif}.js .sp-smart-energy--motion [data-se-reveal]{opacity:0;transform:translateY(10px)}.js .sp-smart-energy--motion [data-se-reveal].is-visible{opacity:1;transform:translateY(0);transition:opacity .56s ease,transform .72s var(--sp-se-ease)}@media(max-width:1120px){.sp-smart-energy__flow{grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr) 56px minmax(0,1fr)}.sp-smart-energy__flow-node{grid-template-columns:50px minmax(0,1fr);gap:13px}.sp-smart-energy__flow-icon{width:50px;height:50px}.sp-smart-energy__flow-icon svg{width:30px;height:30px}.sp-smart-energy__mode-panel{grid-template-columns:1fr}.sp-smart-energy__mode-copy{border-left:0;border-top:1px solid var(--sp-se-line)}}@media(max-width:900px){.sp-smart-energy__header,.sp-smart-energy__section-head,.sp-smart-energy__market{grid-template-columns:1fr;gap:22px}.sp-smart-energy__intro{justify-self:start}.sp-smart-energy__facts{grid-template-columns:1fr}.sp-smart-energy__facts>div+div{border-left:0;border-top:1px solid var(--sp-se-line)}}@media(max-width:749px){.sp-smart-energy{padding-left:16px;padding-right:16px}.sp-smart-energy__heading{font-size:clamp(34px,10.2vw,47px);line-height:1}.sp-smart-energy__flow{grid-template-columns:1fr;gap:0;padding:18px 0}.sp-smart-energy__flow-node{grid-template-columns:54px minmax(0,1fr);padding:18px 0}.sp-smart-energy__connector{grid-template-columns:1fr;justify-items:start;width:54px;height:40px;margin-left:27px;padding:0}.sp-smart-energy__connector-track{width:2px;height:28px;justify-self:center;background:linear-gradient(180deg,var(--sp-se-mint),var(--sp-se-blue))}.sp-smart-energy__connector-track>i{top:-28%;left:-2px;width:6px;height:28%;background:linear-gradient(180deg,transparent,rgba(255,255,255,.98),transparent)}.sp-smart-energy__connector svg{justify-self:center;transform:rotate(90deg)}.sp-smart-energy--motion .sp-smart-energy__connector-track>i{animation-name:spSeSignalVertical}@keyframes spSeSignalVertical{0%,16%{top:-28%;opacity:0}24%{opacity:.92}58%{top:105%;opacity:.82}66%,to{top:105%;opacity:0}}.sp-smart-energy__mode-selector{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-smart-energy__mode-selector button{min-height:50px;font-size:12px}.sp-smart-energy__logic-rail{grid-template-columns:1fr;gap:18px;padding:30px 22px}.sp-smart-energy__logic-link{width:2px;height:24px;margin:0 auto;background:linear-gradient(180deg,var(--sp-se-mint),var(--sp-se-blue))}.sp-smart-energy__logic-core{width:162px;min-height:162px;justify-self:center}.sp-smart-energy__logic-side{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.sp-smart-energy__logic-side--out span{text-align:left}.sp-smart-energy__mode-copy{grid-template-columns:1fr;padding:32px 22px 36px}.sp-smart-energy__app-image{width:min(72vw,320px)}.sp-smart-energy__tariff-chart{padding:16px 10px 18px;border-radius:18px}.sp-smart-energy__tariff-legend{justify-content:flex-start;padding-inline:8px}.sp-smart-energy__tariff-canvas{overflow-x:auto;padding-bottom:2px}.sp-smart-energy__tariff-canvas svg{min-width:620px}.sp-smart-energy__tariff-callout--low{left:145px;bottom:70px}.sp-smart-energy__tariff-callout--high{left:500px;right:auto;top:34px}.sp-smart-energy__tariff-note{padding-inline:8px;text-align:left}}@media(max-width:390px){.sp-smart-energy__logic-side{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.sp-smart-energy *,.sp-smart-energy *:before,.sp-smart-energy *:after{animation:none!important;transition-duration:.01ms!important;transition-delay:0ms!important;scroll-behavior:auto!important}.js .sp-smart-energy [data-se-reveal]{opacity:1!important;transform:none!important}.sp-smart-energy__tariff-line{stroke-dashoffset:0!important}.sp-smart-energy__tariff-area,.sp-smart-energy__tariff-zone,.sp-smart-energy__tariff-dot,.sp-smart-energy__tariff-callout{opacity:1!important;transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/58/assets/sunpura-pdp-smart-energy.css.map */