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