.offline-indicator {
  background-color: #000;
  color: #fff;
  padding: .9rem;
  position: fixed;
  z-index: 9999;
  left: 0;
  bottom: 0;
  width: 100%;
  transform: translateY(100%);
  will-change: transform;
  transition: transform 200ms; }
  .offline-indicator p {
    margin: 0 0 0 0;
    color: #fff;
    font-size: .9rem;
    text-align: center; }

.offline-indicator--top {
  bottom: inherit;
  top: 0;
  transform: translateY(-100%); }

body.pwp-offline .offline-indicator,
body.pwp-offline .offline-indicator--top {
  transform: translateY(0); }

/*
     FILE ARCHIVED ON 08:03:12 Nov 19, 2025 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 07:38:59 Jun 03, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  capture_cache.get: 0.378
  captures_list: 0.412
  exclusion.robots: 0.064
  exclusion.robots.policy: 0.056
  esindex: 0.006
  cdx.remote: 7.325
  LoadShardBlock: 102.423 (3)
  PetaboxLoader3.datanode: 158.745 (4)
  PetaboxLoader3.resolve: 49.086 (2)
  load_resource: 135.304
*/