.dls-sp-lf-scene{--dls-sp-lf-scene-pipe-size:calc(var(--dls-sp-lf-scene-ratio)*0.025);--dls-sp-lf-scene-gap:calc(var(--dls-sp-lf-scene-ratio)*0.1);display:flex}.dls-sp-lf-scene__icon{max-width:100%;position:relative;z-index:5}.dls-sp-lf-scene__icon--pv{width:3.5em}.dls-sp-lf-scene__icon--building{width:9em}.dls-sp-lf-scene__sources{align-items:center;display:flex;flex-direction:column}.dls-sp-lf-scene__pv{margin-top:0}.dls-sp-lf-scene__grid{margin-bottom:0;margin-top:auto;padding-bottom:33%;width:60%}.dls-sp-lf-scene__flow{display:flex;flex:1 0 45%;flex-direction:column}.dls-sp-lf-scene__indicator{font-size:calc(var(--dls-sp-lf-scene-ratio)*.1);height:1em;position:absolute;width:1em;z-index:1}.dls-sp-lf-scene__indicator:before{background:#fff;content:"";height:100%;position:absolute;width:100%}.dls-sp-lf-scene__indicator:after{border:.5em solid transparent;border-top:1em solid var(--dls-sp-lf-scene-flow-colour);content:"";position:absolute}.dls-sp-lf-scene__indicator--to-right{right:0;transform:translateY(calc(-50% + var(--dls-sp-lf-scene-pipe-size)/2)) rotate(-90deg)}.dls-sp-lf-scene__indicator--to-bottom{bottom:0;right:0;transform:translateX(calc(50% - var(--dls-sp-lf-scene-pipe-size)/2))}.dls-sp-lf-scene__indicator--to-left{left:0;transform:translateY(calc(-50% + var(--dls-sp-lf-scene-pipe-size)/2)) rotate(90deg)}.dls-sp-lf-scene__value{bottom:0;display:block;font-size:calc(var(--dls-sp-lf-scene-ratio)*.1);left:0;margin-top:calc(var(--dls-sp-lf-scene-ratio)*.07);position:absolute;right:0;text-align:center;top:0;z-index:1}.dls-sp-lf-scene__value--pv{margin-right:calc(var(--dls-sp-lf-scene-ratio)*.35)}.dls-sp-lf-scene__value--grid{margin-left:calc(var(--dls-sp-lf-scene-ratio)*.08)}.dls-sp-lf-scene__pv-x-site{background:#fff;background-clip:padding-box;border:var(--dls-sp-lf-scene-pipe-size) solid transparent;border-bottom:0;border-left:0;border-top-right-radius:calc(var(--dls-sp-lf-scene-pipe-size)*3);height:calc(100% - var(--dls-sp-lf-scene-height) - var(--dls-sp-lf-scene-gap));margin-left:var(--dls-sp-lf-scene-gap);margin-top:calc(var(--dls-sp-lf-scene-ratio)*.06);position:relative;width:calc(100% + var(--dls-sp-lf-scene-ratio)*.15)}.dls-sp-lf-scene__pv-x-site:after{background:#fff;border-radius:inherit;bottom:0;content:"";left:0;position:absolute;right:var(--dls-sp-lf-scene-pipe-size);top:var(--dls-sp-lf-scene-pipe-size)}.dls-sp-lf-scene__grid-x-site{height:var(--dls-sp-lf-scene-pipe-size);margin:auto var(--dls-sp-lf-scene-gap) calc(var(--dls-sp-lf-scene-ratio)*.3) 0;position:relative}.dls-sp-lf-scene__flux{--dls-sp-lf-scene-flow-colour:#dcdcdc;--dls-sp-lf-scene-flow-colour-alter:rgb(from var(--dls-sp-lf-scene-flow-colour) r g b/25%);animation:dls-sp-lf-flux-animation 15s linear 0;animation-duration:calc(1s*var(--dls-sp-lf-scene-flux-speed));background-image:linear-gradient(-45deg,var(--dls-sp-lf-scene-flow-colour-alter) 25%,var(--dls-sp-lf-scene-flow-colour) 25%,var(--dls-sp-lf-scene-flow-colour) 50%,var(--dls-sp-lf-scene-flow-colour-alter) 50%,var(--dls-sp-lf-scene-flow-colour-alter) 75%,var(--dls-sp-lf-scene-flow-colour) 75%);background-size:1em 1em;border-radius:inherit;font-size:calc(var(--dls-sp-lf-scene-ratio)*.1);height:100%;width:100%}@media (prefers-reduced-motion:reduce){.dls-sp-lf-scene__flux{animation-duration:0s}}.dls-sp-lf-scene__flux-ratio{height:1em;opacity:0;pointer-events:none;position:absolute;width:1em;z-index:-10000}.dls-sp-lf-scene__flux--positive{--dls-sp-lf-scene-flow-colour:#00bf62}.dls-sp-lf-scene__flux--negative{--dls-sp-lf-scene-flow-colour:#ffb612}.dls-sp-lf-scene__flux--to-left,.dls-sp-lf-scene__flux--to-right{animation-iteration-count:infinite}.dls-sp-lf-scene__flux--to-left{animation-direction:reverse}.dls-sp-lf-scene__site{display:flex;flex-direction:column}.dls-sp-lf-scene__weather{margin:auto -3% calc(var(--dls-sp-lf-scene-ratio)*.1) auto;width:35%}.dls-sp-lf-scene__conditions{background-position:50%;background-repeat:no-repeat;background-size:contain;margin-top:calc(var(--dls-sp-lf-scene-ratio)*-.09);opacity:0;padding-bottom:100%;position:relative;transition:opacity 1s ease-in-out}@media (prefers-reduced-motion:reduce){.dls-sp-lf-scene__conditions{transition:none}}.dls-sp-lf-scene__conditions--loaded{opacity:1}.dls-sp-lf-scene__building{margin-bottom:0}@keyframes dls-sp-lf-flux-animation{0%{background-position:0}to{background-position:calc(1px*var(--dls-sp-lf-scene-flux-size))}}