.battery-intro{color:#fff;opacity:1;background:radial-gradient(at 12% 12%,#42551d 0%,#0000 55%),radial-gradient(at 90% 88%,#244c35 0%,#0000 55%),linear-gradient(135deg,#11190c 0%,#050805 52%,#172616 100%);border:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;transition:opacity .4s;position:fixed;inset:0;overflow:hidden}.battery-intro::backdrop{background:#050605}.battery-intro.is-leaving{opacity:0}.battery-intro.is-leaving::backdrop{background:0 0}.battery-intro-brand{top:max(32px, env(safe-area-inset-top));letter-spacing:-1px;font-size:22px;font-weight:800;position:absolute;left:50%;transform:translate(-50%)}.battery-intro-brand span{color:#c3ed35}.battery-intro-center{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.battery-intro-shell{border:3px solid #f45353;border-radius:14px;width:clamp(170px,30vw,240px);height:104px;padding:7px;transition:border-color .5s;position:relative}.battery-intro-shell:after{content:"";color:#f45353;background:currentColor;border-radius:0 4px 4px 0;width:8px;height:30px;transition:color .5s;position:absolute;top:34px;right:-11px}.battery-intro-fill{transform-origin:0;background:#f45353;border-radius:5px;width:100%;min-width:3px;height:100%}.battery-intro-bolt{color:#050605;place-items:center;font-size:62px;display:grid;position:absolute;inset:0}.battery-intro-percent{letter-spacing:-5px;font-variant-numeric:tabular-nums;color:#f45353;margin-top:34px;font-size:clamp(60px,12vw,90px);font-weight:500;line-height:1}.battery-intro-percent span{letter-spacing:-1px;margin-left:5px;font-size:.4em}.battery-intro-status{margin:24px 0 0;font-size:16px;line-height:1.5}.battery-intro-caption{letter-spacing:2.5px;color:#92988b;margin:16px 0 0;font-size:9px}.battery-intro[data-phase=low] .battery-intro-shell{animation:.9s ease-in-out infinite battery-low}.battery-intro[data-phase=connecting] .battery-intro-shell{border-color:#fff}.battery-intro[data-phase=charging] .battery-intro-shell,.battery-intro[data-phase=ready] .battery-intro-shell{border-color:#c3ed35}.battery-intro[data-phase=charging] .battery-intro-shell:after,.battery-intro[data-phase=ready] .battery-intro-shell:after,.battery-intro[data-phase=charging] .battery-intro-percent,.battery-intro[data-phase=ready] .battery-intro-percent{color:#c3ed35}.battery-intro[data-phase=charging] .battery-intro-fill,.battery-intro[data-phase=ready] .battery-intro-fill{background:#c3ed35}@keyframes battery-low{50%{opacity:.45;box-shadow:0 0 32px #f4535320}}@media (prefers-reduced-motion:reduce){.battery-intro{display:none!important}}