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