/* Copyright 2013 The Chromium Authors. All rights reserved.
 * Use of this source code is governed by a BSD-style license that can be
 * found in the LICENSE file. */

html, body { padding: 0; margin: 0; width: 100%; height: 100%; }
body {
  background: #fff; color: #2b2b2b;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
main { max-width: 640px; margin: 0 auto; padding: 56px 16px 24px; text-align: center; }
h1 { font-size: 1.6rem; font-weight: 600; margin: 0 0 6px; letter-spacing: .02em; }
.hint { margin: 0 0 8px; color: #777; font-size: .95rem; }
kbd { border: 1px solid #ccc; border-bottom-width: 2px; border-radius: 4px; padding: 0 6px; font: inherit; font-size: .85em; }
.foot { margin-top: 12px; color: #aaa; font-size: .75rem; }

.icon { -webkit-user-select: none; user-select: none; display: inline-block; }
.icon-offline { width: 1px; height: 1px; position: relative; }
.hidden { display: none; }

.offline .interstitial-wrapper { margin: 0 auto; max-width: 600px; width: 100%; position: relative; height: 210px; text-align: left; }
.offline .runner-container { height: 150px; max-width: 600px; overflow: hidden; position: absolute; left: 0; top: 10px; width: 44px; }
.offline .runner-canvas { height: 150px; max-width: 600px; opacity: 1; overflow: hidden; position: absolute; top: 0; z-index: 2; }
.offline .controller { background: rgba(247,247,247,.1); height: 100vh; left: 0; position: absolute; top: 0; width: 100vw; z-index: 1; }
#offline-resources { display: none; }