.animated-illustration{--white-hsl:0,0%,100%;--color-hsl:0,0%,0%;--sun-hsl:58,100%,50%;--sky-hsl:202,99%,69%;--ground-hsl:128,100%,68%;--white:hsla(var(--white-hsl),1);--color:hsla(var(--color-hsl),1);--sun:hsla(var(--sun-hsl),1);--sky:hsla(var(--sky-hsl),1);--ground:hsla(var(--ground-hsl),1);--stroke-14:clamp(5px,.625vw,10px);--stroke-08:clamp(3px,.625vw,8px);--stroke-06:clamp(2px,.425vw,6px);--stroke-n-14:clamp(-14px,-.625vw,-5px)}.diorama-container{margin:0 auto;max-width:1200px;padding:0 1rem}.animated-illustration{height:100%;display:grid;align-items:end;background:var(--sky);background:linear-gradient(0deg,var(--ground) 10px,var(--sky) 9px);overflow:visible;position:relative}.animated-illustration svg{display:block;overflow:visible;height:auto}.animated-illustration .illustration__car,.animated-illustration .illustration__hills,.animated-illustration .illustration__house,.animated-illustration .illustration__lines,.animated-illustration .illustration__panels,.animated-illustration .illustration__pylon,.animated-illustration .illustration__tree,.animated-illustration .illustration__wind_mills{position:relative;z-index:1;grid-row:1/span 1;grid-column:1/span 1}.animated-illustration .illustration__clouds,.animated-illustration .illustration__hills,.animated-illustration .illustration__sun,.animated-illustration .illustration__tree,.animated-illustration svg *{vector-effect:non-scaling-stroke;stroke-width:var(--stroke-14)}.animated-illustration .illustration__pylon svg *,.animated-illustration .illustration__wind_mills svg *{vector-effect:non-scaling-stroke;stroke-width:var(--stroke-08)}.animated-illustration .illustration__lines svg *{vector-effect:non-scaling-stroke;stroke-width:var(--stroke-06)}.animated-illustration .illustration__lines svg circle{stroke-width:1.25px;r:6.5px}@media only screen and (min-width:768px){.animated-illustration .illustration__lines svg circle{stroke-width:4px;r:4px}}.animated-illustration .illustration__sun{grid-row:1/span 1;grid-column:1/span 1}.animated-illustration .illustration__sun svg.sun{position:absolute}.animated-illustration .illustration__tree{z-index:3;display:none}@media only screen and (min-width:768px){.animated-illustration .illustration__tree{display:block}}.animated-illustration .illustration__tree svg{width:11.5%;margin-left:auto;margin-bottom:-1px}.animated-illustration .illustration__hills{z-index:2;justify-self:stretch}.animated-illustration .illustration__hills svg{width:100%;aspect-ratio:17/1}.animated-illustration .illustration__clouds{position:absolute;width:100%}.animated-illustration .illustration__clouds svg{position:absolute;left:0}.animated-illustration .illustration__clouds svg:first-child{bottom:5rem;width:clamp(5rem,10vw,10%);z-index:2}.animated-illustration .illustration__clouds svg:nth-child(2){bottom:2rem;width:clamp(4rem,7vw,7%);z-index:2}.animated-illustration .illustration__clouds svg:nth-child(3){bottom:5rem;width:clamp(3rem,6vw,6%)}.animated-illustration .illustration__wind_mills svg{opacity:0;width:14%;margin-left:calc(-50vw + 50%);transform:translateX(-50%)}@media only screen and (min-width:768px){.animated-illustration .illustration__wind_mills svg{opacity:1;width:9%;margin:0 0 4% 3.15%;transform:translateX(0)}}.animated-illustration .illustration__pylon svg{width:14%;margin-left:calc(-50vw + 50%);transform:translateX(-50%)}@media only screen and (min-width:768px){.animated-illustration .illustration__pylon svg{width:9%;margin:0 0 2% 11.15%;transform:translateX(0)}}.animated-illustration .illustration__car{z-index:3;transform:translateY(1px)}.animated-illustration .illustration__car svg{width:15%;margin-left:79%}@media only screen and (min-width:768px){.animated-illustration .illustration__car svg{width:10%;margin-left:74.125%}}.animated-illustration .illustration__house{z-index:3}.animated-illustration .illustration__house svg{width:76%;margin:0 auto var(--stroke-n-14) 6%}@media only screen and (min-width:768px){.animated-illustration .illustration__house svg{margin:0 auto var(--stroke-n-14) auto;width:52%}}.animated-illustration .illustration__house path{vector-effect:non-scaling-stroke;stroke-width:var(--stroke-06)}.animated-illustration .illustration__house path.wall{stroke-width:var(--stroke-14)}.animated-illustration .illustration__house path.lighting--shine{stroke-width:2px}.animated-illustration .illustration__lines{z-index:4}.animated-illustration .illustration__lines .diorama-container{position:relative;height:100%;display:grid}.animated-illustration .illustration__lines .line{grid-row:1/span 1;grid-column:1/span 1;align-self:end}.animated-illustration .illustration__lines svg foreignObject{overflow:visible}.animated-illustration .illustration__lines svg foreignObject div{width:.875rem;height:.875rem;border-radius:50%;border:4px solid var(--color);background:var(--sun)}.animated-illustration .illustration__lines .line__powerline svg{aspect-ratio:255/111;margin:0 0 7.5% 1.5%;width:25.5%}@media only screen and (min-width:768px){.animated-illustration .illustration__lines .line__powerline svg{margin:0 0 6.5% 19.5%;width:19%}}.animated-illustration .illustration__lines .line__car svg{aspect-ratio:438/81;margin:0 0 -.95% 31.25%;width:48%}@media only screen and (min-width:768px){.animated-illustration .illustration__lines .line__car svg{margin:0 0 -.6% 41.3%;width:33%}}.animated-illustration .illustration__lines .line__pv svg{aspect-ratio:70/142;margin:0 0 9.5% 29.5%;width:8%}@media only screen and (min-width:768px){.animated-illustration .illustration__lines .line__pv svg{margin:0 0 6.5% 40%;width:5.25%}}.animated-illustration .illustration__lines .line__cooling svg{aspect-ratio:329/85;margin:0 0 7.25% 31%;width:36.375%}@media only screen and (min-width:768px){.animated-illustration .illustration__lines .line__cooling svg{margin:0 0 5% 41.25%;width:24.625%}}.animated-illustration .illustration__lines .line__heating svg{aspect-ratio:301/81;margin:0 0 -.95% 31.5%;width:32.75%}@media only screen and (min-width:768px){.animated-illustration .illustration__lines .line__heating svg{margin:0 0 -.65% 41.25%;width:22.675%}}.animated-illustration .illustration__lines .line__light svg{aspect-ratio:180/85;margin:0 0 7.125% 31%;width:20%}@media only screen and (min-width:768px){.animated-illustration .illustration__lines .line__light svg{margin:0 0 5% 41.25%;width:13.575%}}.animated-illustration .illustration__lines .line__battery svg{aspect-ratio:33/7;margin:0 0 7.125% 22.25%;width:3.5%}@media only screen and (min-width:768px){.animated-illustration .illustration__lines .line__battery svg{margin:0 0 5% 35.25%;width:2.25%}}.animated-illustration .illustration__panels{z-index:5}.animated-illustration .illustration__panels .panels{aspect-ratio:291/111;display:grid;grid-template-columns:1fr 1fr 1fr;gap:5%;transform-origin:0 100%;transform:skewX(45deg);margin:0 0 18.625% 42.75%;width:31%}@media only screen and (min-width:768px){.animated-illustration .illustration__panels .panels{margin:0 0 12.75% 48.75%;width:22%}}.animated-illustration .illustration__panels .panel{background:var(--color);position:relative;overflow:hidden;border:var(--stroke-08) solid var(--color)}.animated-illustration .illustration__panels .panel .shine{position:absolute;top:0;left:-50%;height:100%;width:200%}.animated-illustration .illustration__panels .panel .shine:before{content:"";position:absolute;top:10%;height:15%;left:0;width:100%;background:var(--sun);transform:rotate(-25deg)}.animated-illustration .illustration__panels .panel .shine:nth-child(2):before{top:30%;height:5%}.animated-illustration .illustration__panels .panel .shine:nth-child(3):before{top:80%;height:5%}.illustration__sun .speech-bubble{opacity:0;animation-name:illustrationAppear;animation-duration:10s;animation-fill-mode:forwards}.illustration__sun .speech-bubble:first-child{animation-delay:5s}.illustration__sun .speech-bubble:nth-child(2){animation-delay:13s}.illustration__sun .speech-bubble:nth-child(3){animation-delay:21s}.illustration__sun .speech-bubble:nth-child(4){animation-delay:29s}.illustration__sun .speech-bubble:nth-child(5){animation-delay:37s}.illustration__sun svg.sun{animation:illustrationRotate 15s linear infinite}.illustration__house path.lighting{transform-box:fill-box}.illustration__house path.cooling{transform-box:fill-box;transform-origin:center;stroke-width:3px}.illustration__house path.cooling.cooling--1{animation:illustrationFlicker 6s ease 1.2s infinite}.illustration__house path.cooling.cooling--2{animation:illustrationFlicker 6s ease 1.4s infinite}.illustration__house path.cooling.cooling--3{animation:illustrationFlicker 6s ease 1.6s infinite}.illustration__house path.heating{stroke-width:3px}.illustration__house path.heating.heating--1{animation:illustrationFlicker 6s ease .15s infinite}.illustration__house path.heating.heating--2{animation:illustrationFlicker 6s ease .3s infinite}.illustration__house path.heating.heating--3{animation:illustrationFlicker 6s ease .45s infinite}.illustration__house path.battery{animation:illustrationFlicker 3s ease infinite}.illustration__house path.lightpulp{animation:illustrationFlicker 6s ease infinite}.illustration__house path.inverter{animation:illustrationFlicker 3s ease 1s infinite}.illustration__car path.frontlight.frontlight--1{animation:illustrationFlicker 3s ease -1s infinite}.illustration__car path.frontlight.frontlight--2{animation:illustrationFlicker 3s ease -.85s infinite}.illustration__clouds svg:first-child{animation:illustrationCloud 140s linear -100s infinite}.illustration__clouds svg:nth-child(2){animation:illustrationCloud 160s linear -100s infinite}.illustration__clouds svg:nth-child(3){animation:illustrationCloud 200s linear -100s infinite}.illustration__panels .panel .shine:first-child{animation:illustrationFlicker 9s ease .5s infinite}.illustration__panels .panel .shine:nth-child(2){animation:illustrationFlicker 9s ease 1s infinite}.illustration__panels .panel .shine:nth-child(3){animation:illustrationFlicker 9s ease 1.5s infinite}.illustration__panels .panel:nth-child(2) .shine:first-child{animation:illustrationFlicker 9s ease 1s infinite}.illustration__panels .panel:nth-child(2) .shine:nth-child(2){animation:illustrationFlicker 9s ease 1.5s infinite}.illustration__panels .panel:nth-child(2) .shine:nth-child(3){animation:illustrationFlicker 9s ease 2s infinite}.illustration__panels .panel:nth-child(3) .shine:first-child{animation:illustrationFlicker 9s ease 1.5s infinite}.illustration__panels .panel:nth-child(3) .shine:nth-child(2){animation:illustrationFlicker 9s ease 2s infinite}.illustration__panels .panel:nth-child(3) .shine:nth-child(3){animation:illustrationFlicker 9s ease 2.5s infinite}.illustration__lines .line__powerline circle{offset-path:path("M3.84232 28.2693C3.84232 67.2693 36.6545 89.8693 69.0452 76.8599C101.436 63.8506 118 3.44147 180.575 3.44147C243.15 3.44147 252 72.5001 252 110.5");animation:illustrationPowerInverted 3s ease infinite}.illustration__lines .line__car circle{offset-path:path("M0.5 3.80762H53L53.0001 77.9995H402.5V41.5L437.5 41.5001");animation:illustrationPower 3s ease infinite}.illustration__lines .line__pv circle{offset-path:path("M68.4301 3.18555C-3.04057 23.5149 3.46432 56.4058 3.46432 141.653");animation:illustrationPower 3s ease infinite}.illustration__lines .line__cooling circle{offset-path:path("M0.500122 81.8076H53.0001L53.0002 3H326V16");animation:illustrationPower 3s ease -1s infinite}.illustration__lines .line__heating circle{offset-path:path("M0.500122 3.80762H53.0001L53.0002 77.9995H297.5V53");animation:illustrationPower 3s ease -2s infinite}.illustration__lines .line__light circle{offset-path:path("M0.500122 81.8076H53.0001L53.0002 3L177 3V34");animation:illustrationPower 3s ease -1.5s infinite}.illustration__lines .line__battery circle{offset-path:path("M33 3.39995L-0.00012207 3.3999");animation:illustrationPower 1.5s ease infinite}.browser_firefox .illustration__lines circle{stroke-width:0!important}@keyframes illustrationPanel{0%{transform:rotate(-25deg) translateY(130%)}to{transform:rotate(-25deg) translateY(-130%)}}@keyframes illustrationRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes illustrationAppear{0%{opacity:0;transform:translateY(25%)}4%,50%{opacity:1;transform:translateY(0)}54%,to{opacity:0;transform:translateY(-25%)}}@keyframes illustrationShine{0%{opacity:1}30%,5%{opacity:.5}35%,to{opacity:1}}@keyframes illustrationFlicker{0%,50%,to{opacity:1}25%,75%{opacity:.7}}@keyframes illustrationCloud{0%{transform:translateX(100vw)}to{transform:translateX(-100%)}}@keyframes illustrationPower{0%{offset-distance:0;transform:scale(0);opacity:0}5%{transform:scale(0);opacity:0}15%,85%{transform:scale(1);opacity:1}95%{transform:scale(0);opacity:0}to{offset-distance:100%;transform:scale(0);opacity:0}}@keyframes illustrationPowerInverted{0%{offset-distance:100%;transform:scale(0);opacity:0}5%{transform:scale(0);opacity:0}15%,85%{transform:scale(1);opacity:1}95%{transform:scale(0);opacity:0}to{offset-distance:0;transform:scale(0);opacity:0}}