@layer theme,base;@layer components{.ill-svg{--ill-soft:color-mix(in oklab, var(--accent) 14%, var(--card));--ill-on-accent:#fff;--ill-glow:color-mix(in oklab, var(--accent) 45%, transparent);--ill-t:.6;font-variant-numeric:tabular-nums;width:100%;height:auto;display:block;overflow:visible}@media (prefers-color-scheme:dark){.ill-svg{--ill-soft:color-mix(in oklab, var(--accent) 24%, var(--card));--ill-on-accent:var(--page)}}@media (min-width:64rem) and (min-height:46rem){.ill.ill-sticky{top:calc(var(--header-h) + 1.5rem);position:sticky}}.ill-svg :is(path,rect,circle,line){fill:none;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.ill-svg text{fill:var(--muted);stroke:none;font-size:11px}.ill-svg .t-strong{fill:var(--fg);font-size:12px;font-weight:600}.ill-svg .t-accent{fill:var(--accent);font-size:12px;font-weight:600}.ill-svg .t-eyebrow{letter-spacing:.06em;font-weight:600}.ill-svg .t-on-accent{fill:var(--ill-on-accent);font-size:12px;font-weight:600}.ill-svg .a-draw{stroke-dasharray:1 2}.ill-svg :is(.a-pop,.a-rise,.a-grow,.a-slide,.ping){transform-box:fill-box;transform-origin:50%}.ill-svg .a-rise{transform-origin:bottom}.ill-svg :is(.traveler,.ping){opacity:0}@media screen and (prefers-reduced-motion:no-preference){html[data-motion=on] .ill:not([data-inview]) .a-draw{stroke-dashoffset:1.01px}html[data-motion=on] .ill:not([data-inview]) .a-fade{opacity:0}html[data-motion=on] .ill:not([data-inview]) .a-pop{opacity:0;scale:.85}html[data-motion=on] .ill:not([data-inview]) .a-rise{scale:1 0}html[data-motion=on] .ill:not([data-inview]) .a-grow{scale:0 1}html[data-motion=on] .ill:not([data-inview]) .a-slide{opacity:0;translate:var(--from,0 8px)}.ill[data-inview] .a-draw{transition:stroke-dashoffset calc(var(--dur,var(--m-dur-5)) * var(--ill-t)) var(--m-ease-in-out) calc(var(--d,0s) * var(--ill-t))}.ill[data-inview] .a-fade{transition:opacity calc(var(--dur,var(--m-dur-3)) * var(--ill-t)) var(--m-ease-out) calc(var(--d,0s) * var(--ill-t))}.ill[data-inview] .a-pop{transition:opacity calc(var(--m-dur-3) * var(--ill-t)) var(--m-ease-out) calc(var(--d,0s) * var(--ill-t)), scale calc(var(--m-dur-3) * var(--ill-t)) var(--m-ease-spring) calc(var(--d,0s) * var(--ill-t))}.ill[data-inview] :is(.a-rise,.a-grow){transition:scale calc(var(--dur,var(--m-dur-4)) * var(--ill-t)) var(--m-ease-out) calc(var(--d,0s) * var(--ill-t))}.ill[data-inview] .a-slide{transition:opacity calc(var(--m-dur-3) * var(--ill-t)) var(--m-ease-out) calc(var(--d,0s) * var(--ill-t)), translate calc(var(--dur,var(--m-dur-4)) * var(--ill-t)) var(--m-ease-in-out) calc(var(--d,0s) * var(--ill-t))}.ill[data-inview] .flow{animation:ill-flow .9s linear calc(1.2s * var(--ill-t)) 5}@media (hover:hover) and (pointer:fine){.ill[data-inview]:hover .flow{animation-iteration-count:infinite}}.ill[data-inview] .ping{animation:ill-ping calc(.9s * var(--ill-t)) var(--m-ease-out) calc(var(--d,0s) * var(--ill-t)) 1}.ill[data-inview] .traveler{animation:ill-drop calc(1.1s * var(--ill-t)) var(--m-ease-in-out) calc(var(--d,0s) * var(--ill-t)) 1 both}}.ill .glow{transition:filter var(--m-dur-3) var(--m-ease-out)}@media (hover:hover) and (pointer:fine){.ill:hover .glow{filter:drop-shadow(0 0 6px var(--ill-glow))}}.ramp-bar{transition:opacity var(--m-dur-2) var(--m-ease-out)}@media (hover:hover) and (pointer:fine){.ill:has(.ramp-bar:hover) .ramp-bar:not(:hover){opacity:.4}}.ill-part [data-part]{transition:opacity var(--m-dur-2) var(--m-ease-out), filter var(--m-dur-2) var(--m-ease-out)}.ill-part li[data-key]{transition:color var(--m-dur-2)}@media (hover:hover) and (pointer:fine){.ill-part:has(li[data-key]:hover) [data-part]{opacity:.5;transition-delay:.15s}:is(.ill-part:has(li[data-key=meter]:hover) [data-part=meter],.ill-part:has(li[data-key=loose]:hover) [data-part=loose],.ill-part:has(li[data-key=grid]:hover) [data-part=grid],.ill-part:has(li[data-key=kwh]:hover) [data-part=kwh],.ill-part:has(li[data-key=provider]:hover) [data-part=provider]){opacity:1;filter:drop-shadow(0 0 6px var(--ill-glow))}.ill-part li[data-key]:hover{color:var(--fg)}.ill-part li[data-key]:hover::marker{color:var(--accent)}}.ill .oil-fossil{transform-box:fill-box;transform-origin:bottom;vector-effect:non-scaling-stroke}.ill .oil-premium{transform-box:fill-box;transform-origin:top}.ill .oil-arrow{transform-box:fill-box;transform-origin:50%}.ill .oil-a{opacity:0}@media screen and (prefers-reduced-motion:no-preference){.ill[data-inview] :is(.oil-fossil,.oil-follow,.oil-premium,.oil-arrow,.oil-a,.oil-b){animation-duration:6.4s;animation-delay:calc(1.6s * var(--ill-t));animation-iteration-count:infinite;animation-timing-function:var(--m-ease-in-out);animation-fill-mode:both}.ill[data-inview] .oil-fossil{animation-name:ill-oil-fossil}.ill[data-inview] .oil-follow{animation-name:ill-oil-follow}.ill[data-inview] .oil-premium{animation-name:ill-oil-premium}.ill[data-inview] .oil-arrow{animation-name:ill-oil-arrow}.ill[data-inview] .oil-a{animation-name:ill-oil-a}.ill[data-inview] .oil-b{animation-name:ill-oil-b}}.calc-range{appearance:none;cursor:pointer;background:0 0;width:100%;height:2.75rem;display:block}.calc-range::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent) var(--fill), color-mix(in oklab, var(--fg) 14%, transparent) var(--fill));border-radius:999px;height:6px}.calc-range::-moz-range-track{background:color-mix(in oklab, var(--fg) 14%, transparent);border-radius:999px;height:6px}.calc-range::-moz-range-progress{background:var(--accent);border-radius:999px;height:6px}.calc-range::-webkit-slider-thumb{appearance:none;background:var(--card);border:2px solid var(--accent);border-radius:50%;width:22px;height:22px;margin-top:-8px;box-shadow:0 1px 3px #00000040}.calc-range::-moz-range-thumb{background:var(--card);border:2px solid var(--accent);border-radius:50%;width:18px;height:18px;box-shadow:0 1px 3px #00000040}.calc-range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 2px var(--card), 0 0 0 4px var(--accent)}.calc-range:focus-visible::-moz-range-thumb{box-shadow:0 0 0 2px var(--card), 0 0 0 4px var(--accent)}.calc-range:active::-webkit-slider-thumb{box-shadow:0 0 0 6px var(--band)}.calc-range:active::-moz-range-thumb{box-shadow:0 0 0 6px var(--band)}@media (hover:hover) and (pointer:fine){.calc-range:hover::-webkit-slider-thumb{scale:1.1}.calc-range:hover::-moz-range-thumb{scale:1.1}}.calc-tick{display:inline-block}@media (prefers-reduced-motion:no-preference){.calc-range::-webkit-slider-thumb{transition:scale var(--m-dur-2) var(--m-ease-spring), box-shadow var(--m-dur-2)}.calc-range::-moz-range-thumb{transition:scale var(--m-dur-2) var(--m-ease-spring), box-shadow var(--m-dur-2)}.calc-tick{animation:ill-tick .18s var(--m-ease-out)}}.ill-tl text{font-size:11.5px}@media (prefers-reduced-motion:no-preference){details[open] .tl-axis{animation:ill-tl-draw .5s var(--m-ease-in-out) both}details[open] .tl-seg{transform-box:fill-box;transform-origin:0;animation:ill-tl-grow .5s var(--m-ease-out) .15s both}details[open] .tl-dot{transform-box:fill-box;transform-origin:50%;animation:ill-tl-pop var(--m-dur-3) var(--m-ease-spring) var(--d,.5s) both}}}@layer utilities;.calc-range:focus-visible{outline:none}@keyframes ill-flow{to{stroke-dashoffset:-12px}}@keyframes ill-ping{0%{opacity:.6;scale:1}to{opacity:0;scale:2.6}}@keyframes ill-drop{0%{opacity:0;translate:0}10%,90%{opacity:1}to{opacity:0;translate:0 152px}}@keyframes ill-oil-fossil{0%,15%,85%,to{scale:1 2.875}35%,65%{scale:1}}@keyframes ill-oil-follow{0%,15%,85%,to{translate:0 -30px}35%,65%{translate:0}}@keyframes ill-oil-premium{0%,15%,85%,to{scale:1 .348}35%,65%{scale:1}}@keyframes ill-oil-arrow{0%,15%,85%,to{rotate:180deg}35%,65%{rotate:0deg}}@keyframes ill-oil-a{0%,15%,85%,to{opacity:1}25%,75%{opacity:0}}@keyframes ill-oil-b{0%,25%,75%,to{opacity:0}35%,65%{opacity:1}}@keyframes ill-tick{0%{opacity:.4;translate:0 3px}}@keyframes ill-tl-draw{0%{stroke-dasharray:1 2;stroke-dashoffset:1.01px}to{stroke-dasharray:1 2;stroke-dashoffset:0}}@keyframes ill-tl-grow{0%{scale:0 1}}@keyframes ill-tl-pop{0%{opacity:0;scale:0}}