#batteryEmptyOverlay {
  display: none;
  position: absolute;
  inset: 0;
  z-index: 2147483647;
  background: #000;
  color: #ededed;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 22px;
  padding: 30px;
  pointer-events: auto;
}
#phone.is-battery-empty .phone-screen { background: #000 !important; }
#phone.is-battery-empty .phone-screen > :not(#batteryEmptyOverlay) { visibility: hidden !important; pointer-events: none !important; }
#phone.is-battery-empty #batteryEmptyOverlay { display: flex !important; visibility: visible !important; }
#phone.is-battery-empty .phone-screen::before,
#phone.is-battery-empty .phone-screen::after { display: none !important; }
.device-battery-empty #persistentMedia178,
.device-battery-empty #quickShade.shade-portal1827 { visibility: hidden !important; pointer-events: none !important; }
#batteryEmptyOverlay strong { font: 600 19px/1.4 system-ui, sans-serif; }
#batteryEmptyOverlay p { margin: -10px 0 0; color: #929292; font: 400 13px/1.6 system-ui, sans-serif; max-width: 240px; }
.empty-battery-symbol { width: 54px; height: 94px; border: 3px solid #a6a6a6; border-radius: 9px; position: relative; margin-bottom: 4px; }
.empty-battery-symbol::before { content: ''; position: absolute; top: -9px; left: 15px; width: 18px; height: 6px; border-radius: 3px 3px 0 0; background: #a6a6a6; }
.empty-battery-symbol i { position: absolute; bottom: 5px; left: 5px; right: 5px; height: 8px; border-radius: 2px; background: #db4242; }
#batteryEmptyOverlay.charging .empty-battery-symbol i { background: #62bb80; }