.offline-indicator {
  background-color: #000;
  color: #fff;
  padding: 0.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: 0.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);
}