.kiosk-battery{--battery-level:0%;--battery-fill:var(--color-dark);--battery-on-fill:var(--color-light);z-index:100100;pointer-events:none;background:color-mix(in srgb, var(--battery-fill) 26%, transparent);border-radius:999px;width:36px;height:18px;transition:background-color .3s;position:fixed;bottom:21px;right:8px;overflow:hidden}body.shabbos-mode-active .kiosk-battery{top:8px;bottom:auto}.kiosk-battery--charging{--battery-fill:var(--battery-charging);--battery-on-fill:var(--white-fixed);animation:1s 3s forwards kiosk-battery-fade}@keyframes kiosk-battery-fade{to{opacity:.4}}.kiosk-battery--low{--battery-fill:var(--battery-low);--battery-on-fill:var(--white-fixed)}.kiosk-battery--critical{--battery-fill:var(--battery-critical);--battery-on-fill:var(--white-fixed)}.kiosk-battery__fill{width:var(--battery-level);background:var(--battery-fill);transition:width .6s,background-color .3s;position:absolute;inset:0 auto 0 0}.kiosk-battery__value{font-family:var(--font-sans);letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--color-dark);justify-content:center;align-items:center;gap:1px;font-size:11px;font-weight:700;line-height:1;display:flex;position:absolute;inset:0}.kiosk-battery__value--on-fill{color:var(--battery-on-fill);clip-path:inset(0 calc(100% - var(--battery-level)) 0 0);transition:clip-path .6s}.kiosk-battery__bolt{font-size:8px;display:none}.kiosk-battery--charging .kiosk-battery__bolt{display:inline}