.outage-scene{--outage-ink:var(--solar-ink,#2c284a);--outage-muted:#615a7b;--outage-ease-out:cubic-bezier(.23, 1, .32, 1);width:100%;min-width:0;color:var(--outage-ink);margin:0}.outage-scene__visual{aspect-ratio:1200/510;isolation:isolate;width:100%;position:relative}.outage-scene__utility,.outage-scene__lights,.outage-scene__fault{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0;overflow:hidden}.outage-scene__utility{z-index:0}.outage-scene__lights{z-index:2}.outage-scene__fault{z-index:3}.outage-scene__homes{z-index:1;aspect-ratio:1200/316;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:auto;display:block;position:absolute;inset:auto 0 0}.outage-scene__neighbour-lights{opacity:0}.outage-scene[data-phase=grid] .outage-scene__neighbour-lights{opacity:1}.outage-scene__impact,.outage-scene__sparks{opacity:0;transform-box:fill-box;transform-origin:50%}.outage-scene__footer{justify-content:space-between;align-items:center;gap:.75rem 1.25rem;margin-top:clamp(1.125rem,2.5vw,1.75rem);padding-inline:.25rem;display:flex}.outage-scene__caption{color:var(--outage-muted);text-wrap:pretty;align-items:baseline;gap:.625rem;margin:0;font-size:clamp(.75rem,1.15vw,.875rem);line-height:1.55;display:flex}.outage-scene__caption strong{color:var(--outage-ink);font-weight:600}.outage-scene__indicator{background:#b57a23;border-radius:50%;flex:0 0 .4375rem;align-self:flex-start;width:.4375rem;height:.4375rem;margin-top:.45em;display:block}.outage-scene__controls{flex-shrink:0;align-items:center;gap:.125rem;display:flex}.outage-scene__button{min-height:2.75rem;color:var(--outage-ink);font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .16s var(--outage-ease-out), opacity .16s var(--outage-ease-out);background:0 0;border:0;border-radius:.375rem;justify-content:center;align-items:center;gap:.375rem;padding:.5rem .625rem;font-size:.75rem;font-weight:500;line-height:1.25;display:inline-flex}.outage-scene__button svg{stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:.9375rem;height:.9375rem}.outage-scene__button:active:not(:disabled){transform:scale(.97)}.outage-scene__button:focus-visible{outline-offset:2px;outline:2px solid #6252c4}.outage-scene__button:disabled{opacity:.42;cursor:default}.outage-scene ::selection{color:#2c284a;background:#ddd5fb}@media (hover:hover) and (pointer:fine){.outage-scene__button:hover:not(:disabled){background:#7a6cb513}}@media (max-width:640px){.outage-scene__footer{flex-direction:column;align-items:flex-start;gap:.25rem;padding-inline:0}.outage-scene__caption{font-size:.75rem}.outage-scene__controls{align-self:flex-end}}@media (prefers-reduced-motion:reduce){.outage-scene__button{transition:none}.outage-scene__button:active:not(:disabled){transform:none}.outage-scene__impact,.outage-scene__sparks{visibility:hidden}}