.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); }