html {
  height: 100%;
  width: 100%;
}

body {
  margin: 0;
}

.gesture-banner-visible {
  padding-top: 44px;
}

.gesture-banner {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
  padding: 10px 16px;
  background: #f6f1de;
  color: #1a1a1a;
  font-family: "Source Code Pro", "Courier New", monospace;
  font-size: 13px;
  letter-spacing: 0.2px;
  text-align: center;
  border-bottom: 1px solid #d3cbb2;
}

.gesture-banner.is-hidden {
  display: none;
}