/* -- Colours -- */
/* -- Positions -- */
/* -- Reset -- */
* {
  border: none;
  box-sizing: border-box;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-text-size-adjust: none;
}

a {
  color: inherit;
  text-decoration: inherit;
}

ul,
li {
  list-style: none;
}

img {
  vertical-align: middle;
}

/* -- Toolbox -- */
.hidden {
  display: none !important;
}

.align-right {
  text-align: right;
}

.strong {
  font-weight: bold;
}

.light {
  color: #999;
  font-size: 12px;
}

/** -- Twemoji -- */
img.emoji {
  height: 1em;
  width: 1em;
  margin: 0 0.05em 0 0.1em;
  vertical-align: -0.1em;
}

#nav {
  background: #111315;
  font-family: "PT Sans", Arial, sans-serif;
  height: 40px;
  left: 0;
  line-height: 40px;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  vertical-align: middle;
  z-index: 5;
}
#nav .brand {
  color: #fff;
}
#nav .brand .brand-logo {
  height: 24px;
  margin-top: -2px;
  margin-right: 2px;
  width: 24px;
}
#nav .brand .brand-name {
  display: none;
}
#nav .brand .brand-name strong {
  font-weight: 900;
}
#nav li {
  border-top: 2px solid transparent;
  color: #969fa9;
  display: block;
  padding: 0 8px;
  font-size: 14px;
  font-weight: 400;
  margin: 0;
  float: left;
  height: 40px;
  line-height: 36px;
  vertical-align: top;
}
#nav li a {
  display: inline-block;
  cursor: pointer;
}
#nav li.active {
  background: #22262a;
  border-top-color: #129bee;
  color: #fff;
  font-weight: 900;
}
#nav li.active:hover {
  font-weight: 900;
}
#nav li:hover {
  color: #fff;
  font-weight: normal;
}
#nav li.latest-supporter, #nav li.latest-sponsor {
  display: none;
}
#nav .badge {
  background: #e44727;
  border-radius: 12px;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  height: 20px;
  line-height: 21px;
  text-align: center;
  width: 20px;
}

@media only screen and (min-width: 720px) {
  #nav .brand .brand-name {
    display: inline-block;
  }
  #nav li {
    padding: 0 12px;
  }
  #nav li.app-free,
  #nav li.latest-supporter,
  #nav li.latest-sponsor {
    border: none;
    background: #e44727;
    float: right;
    color: #fff;
    height: 24px;
    line-height: 24px;
    margin-top: 8px;
    border-radius: 15px;
    margin-right: 10px;
    padding: 0 10px;
  }
  #nav li.app-free a,
  #nav li.latest-supporter a,
  #nav li.latest-sponsor a {
    display: inline-block;
    height: 24px;
    line-height: 24px;
    vertical-align: top;
  }
  #nav li.app-free img,
  #nav li.latest-supporter img,
  #nav li.latest-sponsor img {
    border-radius: 10px;
    height: 20px;
    vertical-align: top;
    margin-top: 2px;
  }
  #nav li.app-free span,
  #nav li.latest-supporter span,
  #nav li.latest-sponsor span {
    display: inline-block;
    height: 24px;
    line-height: 24px;
    padding: 0;
    vertical-align: top;
  }
  #nav li.app-free span.name,
  #nav li.latest-supporter span.name,
  #nav li.latest-sponsor span.name {
    font-weight: bold;
  }
  #nav li.app-free.visible,
  #nav li.latest-supporter.visible,
  #nav li.latest-sponsor.visible {
    display: block;
  }
}
/* -- uksnowmap -- */
html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  overflow: hidden;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: fixed;
}

body {
  background: #000;
  bottom: 0;
  color: #fff;
  font-family: "PT Sans", Arial, sans-serif;
  height: 100%;
  left: 0;
  line-height: 1.25;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
}

body.page-embedded {
  background: #eee;
  color: #333;
  padding: 20px 40px;
}
body.page-embedded .status {
  background: #fff;
  border: 1px solid #ccc;
  width: 480px;
  margin: 20px auto;
}
body.page-embedded p {
  margin: 10px 0;
}
body.page-embedded ul li {
  list-style: disc;
  margin-left: 20px;
}
body.page-embedded .full-site {
  background: #129bee;
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.2) 0 0 32px inset, rgb(255, 255, 255) 0 0 32px;
  color: #fff;
  display: block;
  font-size: 32px;
  margin: 0 auto;
  margin-bottom: 20px;
  margin-top: 30px;
  padding: 20px;
  text-align: center;
  text-shadow: rgba(255, 255, 255, 0.25) 0 0 32px;
  width: 360px;
}

#header {
  background: #129bee;
  /*background: rgba(17, 153, 238, 0.9);*/
  box-shadow: rgba(0, 0, 0, 0.1) 0 0 10px;
  height: 40px;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 40px;
  z-index: 5;
}

#header .title {
  font-size: 22px;
  font-weight: bold;
  line-height: 40px;
  padding: 0 10px;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

#header .title span {
  font-weight: normal;
}

#header #social {
  display: none;
}

#header .updating-icon {
  height: 40px;
  line-height: 40px;
  opacity: 0;
  position: absolute;
  left: 0;
  text-align: center;
  transition: opacity 300ms 1s;
  top: 0;
  width: 40px;
}

.updating #header .updating-icon {
  opacity: 1;
  transition: opacity 300ms;
}

#header .settings-button {
  height: 40px;
  line-height: 40px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 40px;
}

#status {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAAIElEQVRIx2MQbKAMMowaMGrAqAGjBowaMGrAqAHDzQAA9B1EH3Js6LwAAAAASUVORK5CYII=);
  bottom: 90px;
  color: #fff;
  display: block;
  font-size: 14px;
  font-weight: bold;
  height: 40px;
  left: 0;
  line-height: 40px;
  opacity: 0;
  position: absolute;
  right: 0;
  text-align: center;
  transition: opacity 300ms, z-index 300ms 1ms;
  z-index: 0;
}

#status.show {
  opacity: 1;
  transition: opacity 300ms, z-index 1ms;
  z-index: 4;
}

.tab-panel {
  background: #fafafa;
  bottom: 90px;
  color: #333;
  left: 0;
  position: absolute;
  right: 0;
  top: 80px;
  z-index: 1;
}

.tab-panel.tab-hidden {
  display: none;
}

.tab-panel .content {
  bottom: 0;
  left: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  position: absolute;
  right: 0;
  top: 0;
}

#tabs {
  background: #111315;
  bottom: 50px;
  box-shadow: rgba(0, 0, 0, 0.1) 0 0 10px;
  font-size: 0;
  height: 40px;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  z-index: 2;
}
#tabs li {
  display: inline-block;
  font-size: 16px;
}
#tabs li a {
  color: #969fa9;
  display: block;
  font-weight: bold;
  height: 40px;
  line-height: 40px;
  padding: 0 15px;
}
#tabs li a.active {
  background: #129bee;
  color: #fff;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

#footer {
  background: #22262a;
  bottom: 0;
  height: 50px;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  z-index: 2;
}

/* -- Map -- */
#map {
  background: #000;
  bottom: 50px;
  top: 80px;
}
#map #map-canvas {
  background: #22262a;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
}
#map #map-canvas .leaflet-popup-content {
  margin: 0;
}
#map #map-canvas .leaflet-popup-content-wrapper {
  border-radius: 2px;
}
#map .map-zoom {
  background: #fafafa;
  border-radius: 2px;
  display: block;
  height: 30px;
  line-height: 30px;
  position: absolute;
  text-align: center;
  width: 30px;
}
#map .map-zoom i {
  vertical-align: middle;
}
#map .map-zoom-in {
  bottom: 90px;
  right: 10px;
}
#map .map-zoom-out {
  bottom: 50px;
  right: 10px;
}

/* -- Settings -- */
#settings {
  background: #eee;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  color: #333;
  position: absolute;
  right: 0;
  top: 80px;
  transition: top 300ms;
  width: 320px;
  z-index: 4;
}

#settings.settings-hidden {
  top: -280px;
}

#settings .options {
  padding: 0 10px;
}

#settings .options .option {
  padding: 10px 0;
}

#settings .options .option + .option {
  border-top: 1px solid #ddd;
}

#settings .option label {
  display: inline-block;
  float: left;
  font-size: 15px;
  height: 30px;
  line-height: 30px;
  padding: 0 10px 0 0;
  width: 180px;
}

#settings .option .dropdown {
  border-radius: 3px;
  color: #129bee;
  height: 30px;
  overflow: hidden;
  padding: 0;
  width: 120px;
}

#settings .option .dropdown select {
  -webkit-appearance: none;
  background-color: #fff;
  color: #129bee;
  cursor: pointer;
  font-size: 15px;
  height: 30px;
  outline: none;
  padding: 0 10px;
  text-align: left;
  width: 150px;
}

select::-moz-focus-inner {
  border: 0;
}

#settings .option .dropdown option {
  color: #129bee;
  padding: 0 10px;
}

#settings-modal {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAAIElEQVRIx2MQbKAMMowaMGrAqAGjBowaMGrAqAHDzQAA9B1EH3Js6LwAAAAASUVORK5CYII=);
  bottom: 0;
  cursor: pointer;
  display: block;
  left: 0;
  opacity: 1;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 3;
  transition: opacity 300ms, z-index 1ms;
}

#settings-modal.modal-hidden {
  opacity: 0;
  transition: opacity 300ms, z-index 300ms 1ms;
  z-index: 0;
}

/* -- Panels -- */
.panel {
  background: #fafafa;
  border-radius: 2px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  left: 50%;
  opacity: 1;
  position: absolute;
  top: 50%;
  transition: opacity 300ms;
  z-index: 7;
  margin-top: -150px;
  margin-left: -150px;
  height: 300px;
  width: 300px;
}

.panel-hidden {
  opacity: 0;
  transition: opacity 300ms, z-index 0 300ms;
  z-index: 0;
}

.panel-scroll {
  overflow: auto;
}

.panel .close {
  font-weight: normal;
  font-size: 40px;
  height: 40px;
  line-height: 40px;
  opacity: 0.5;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  transition: opacity 300ms;
  width: 40px;
}

.panel:hover .close {
  opacity: 1;
  transition: opacity 300ms;
}

.panel .panel-content {
  padding: 20px;
}

#panel-modal {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAAIElEQVRIx2MQbKAMMowaMGrAqAGjBowaMGrAqAHDzQAA9B1EH3Js6LwAAAAASUVORK5CYII=);
  bottom: 0;
  cursor: pointer;
  display: block;
  left: 0;
  opacity: 1;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 6;
  transition: opacity 300ms, z-index 1ms;
}

#panel-modal.modal-hidden {
  opacity: 0;
  transition: opacity 300ms, z-index 0 300ms;
  z-index: 0;
}

#media-panel {
  background: #111;
}

#supporters-panel {
  color: #333;
  font-size: 14px;
  height: auto;
  text-align: center;
  margin-top: -160px;
}
#supporters-panel p {
  margin: 10px;
}
#supporters-panel .patreon-button {
  background: url(https://c5.patreon.com/external/logo/become_a_patron_button.png) no-repeat;
  border-radius: 3px;
  display: block;
  font-weight: bold;
  height: 50px;
  line-height: 30px;
  width: 217px;
  margin: 0 auto;
  margin-top: 20px;
}

#intro-panel {
  color: #333;
  font-size: 14px;
  height: auto;
  margin-top: -240px;
}

#intro-panel p {
  margin: 10px;
}

#intro-panel ul {
  margin: 0 10px;
}

#intro-panel li {
  list-style: disc;
  margin-left: 20px;
}

#intro-panel .status.example {
  background: #fff;
  border: 1px solid #e7e7e7;
  border-radius: 2px;
  margin: 20px 100px;
}

#intro-panel .full-site {
  background: #129bee;
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.2) 0 0 32px inset, rgb(255, 255, 255) 0 0 32px;
  color: #fff;
  display: block;
  font-size: 32px;
  margin: 0 auto;
  margin-bottom: 20px;
  margin-top: 30px;
  padding: 20px;
  text-align: center;
  text-shadow: rgba(255, 255, 255, 0.25) 0 0 32px;
  width: 360px;
}

#intro-panel .app-store {
  background: #fff;
  border: 1px solid #e7e7e7;
  border-radius: 2px;
  padding: 10px 0;
}
#intro-panel .app-store p {
  margin: 0 10px 10px 10px;
}

#intro-panel .light {
  margin-top: 100px;
}

@media only screen and (max-width: 960px) {
  .panel-fullscreen {
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    height: auto !important;
    width: auto !important;
    margin: 0 !important;
    border-radius: 0;
  }
}
#media-panel .media {
  background-color: transparent;
  background-image: url(data:image/gif;base64,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);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 50px 50px;
  bottom: 10px;
  left: 10px;
  position: absolute;
  right: 10px;
  top: 10px;
}

#media-panel .photo {
  bottom: 0;
  display: block;
  left: 0;
  opacity: 0;
  margin: auto;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  right: 0;
  top: 0;
}

#media-panel .photo.show {
  opacity: 1;
  transition: opacity 300ms;
}

#media-panel .photo.portrait {
  height: 100%;
}

#media-panel .photo.landscape {
  width: 100%;
}

@media only screen and (max-width: 960px) {
  .viewport-portrait #media-panel .photo.portrait {
    height: auto;
    width: 100%;
  }
  .viewport-landscape #media-panel .photo.landscape {
    height: 100%;
    width: auto;
  }
}
#media-panel .status {
  background: #111;
  border-radius: 2px;
  bottom: 0;
  color: #fafafa;
  display: none;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  transition: opacity 300ms;
}

#media-panel:hover .status {
  opacity: 1;
  transition: opacity 300ms;
}

/* -- Tweets -- */
#tweets .toggle {
  border-top-left-radius: 2px;
  display: none;
}

#tweets-list .status {
  border-bottom: 1px solid #e7e7e7;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

#tweets .no-tweets-message {
  color: #999;
  display: block;
  font-size: 14px;
  padding: 10px;
  text-align: center;
}

/* -- Tweet -- */
.status {
  color: #333;
  font-family: "PT Sans", Arial, sans-serif;
  font-size: 14px;
  padding: 10px 10px 10px 70px;
  position: relative;
}

.status .profile-image {
  height: 50px;
  left: 10px;
  position: absolute;
  top: 10px;
  width: 50px;
}

.status .profile-image img {
  border-radius: 50%;
  height: 50px;
  width: 50px;
}

.status .created-at {
  color: #129bee;
  position: absolute;
  right: 10px;
  top: 10px;
}

.status .from {
  display: block;
  margin-bottom: 5px;
  padding-right: 30px;
}

.status .from .from-user-name {
  font-weight: bold;
}

.status .from .from-user {
  color: #999;
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}

.status .location {
  background: #129bee;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 5px;
  padding: 1px 3px;
}

.status .text {
  margin-bottom: 5px;
  overflow: hidden;
}

.status .text a {
  color: #129bee;
}

.status .media {
  font-size: 0;
  padding-top: 5px;
}

.status .media .media-thumb {
  background-color: #ccc;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 2px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1) inset;
  display: inline-block;
  height: 100px;
  width: 100px;
  margin: 0 10px 10px 0;
}

.status .meta {
  color: #999;
  font-size: 12px;
}
.status .meta a {
  color: inherit;
}
.status .meta .intent {
  margin-right: 10px;
}
.status .meta .intent.reply:hover {
  color: #19e;
}
.status .meta .intent.retweet:hover {
  color: #191;
}
.status .meta .intent.like:hover {
  color: #e11;
}

/* -- Photos -- */
#photos .toggle {
  border-bottom-left-radius: 2px;
  display: none;
}

#media-list {
  font-size: 0;
  padding: 10px 0 0 10px;
}

#media-list .media {
  display: inline-block;
  padding: 0 10px 10px 0;
  width: 50%;
}

#media-list .media .image {
  background-color: #ccc;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 2px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1) inset;
  display: block;
  width: 100%;
  padding-bottom: 100%;
}

#photos .no-photos-message {
  color: #999;
  display: block;
  font-size: 14px;
  padding: 10px;
  text-align: center;
}

/* -- About -- */
#about {
  font-size: 14px;
}

#about .toggle {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  display: none;
}

#about .howto {
  margin: 10px 0;
  width: 100%;
}

#about p {
  margin: 10px;
}

#about ul {
  margin: 0 10px;
}

#about li {
  list-style: disc;
  margin-left: 20px;
}

#about .status.example {
  background: #fff;
  border-bottom: 1px solid #e7e7e7;
  border-top: 1px solid #e7e7e7;
  margin: 10px 0;
}

#about .tips {
  margin: 0 10px;
}
#about .tips ul {
  margin: 0;
}
#about .tips ul li {
  color: #999;
  list-style: none;
  padding: 0;
  margin: 0;
}

#about #app-stores {
  background: #fff;
  border-bottom: 1px solid #e7e7e7;
  border-top: 1px solid #e7e7e7;
  display: block;
  padding-bottom: 10px;
}
#about #app-stores .buttons {
  text-align: center;
}
#about #app-stores a {
  display: inline-block;
}
#about #app-stores .ad-store {
  padding: 10px 0;
}
#about #app-stores .ad-store p {
  margin: 0 10px 0 10px;
}
#about #app-stores .ad-store .images {
  font-size: 0;
}
#about #app-stores .ad-store .images img {
  display: inline-block;
  width: 50%;
}
#about #app-stores .ad-app-store .on-sale {
  background: #e61;
  border-radius: 2px;
  color: #fff;
  padding: 2px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}

.apple-app-store-logo {
  background: transparent url("/img/apple-app-store.png?new") 0 0 no-repeat;
  background-size: 100%;
  display: block;
  height: 40px;
  width: 119px;
  margin: 0 auto;
}

.google-play-store-logo {
  background: transparent url("/img/google-play-store.png") 0 0 no-repeat;
  background-size: 100%;
  display: block;
  height: 40px;
  width: 134px;
  margin: 0 auto;
}

#about .adsense {
  background: white;
  position: absolute;
  border-top: 1px solid #e7e7e7;
  bottom: 0;
  left: 0;
  right: 0;
}

#tweets .adsense {
  background: white;
  position: absolute;
  border-top: 1px solid #e7e7e7;
  bottom: 0;
  left: 0;
  right: 0;
}

@media only screen and (min-width: 480px) {
  #media-list .media {
    width: 33.3%;
  }
}
@media only screen and (min-width: 600px) {
  #media-list .media {
    width: 25%;
  }
}
@media only screen and (min-width: 720px) {
  .panel {
    margin-top: -310px;
    margin-left: -310px;
    height: 620px;
    width: 620px;
  }
  #media-list .media {
    width: 20%;
  }
  #media-panel .status {
    display: block;
  }
}
@media only screen and (min-width: 960px) {
  #header #social {
    display: block;
    line-height: 40px;
    position: absolute;
    left: 320px;
    top: 0;
  }
  #header #social iframe {
    vertical-align: middle;
  }
  #status {
    bottom: 0;
  }
  #tabs {
    display: none;
  }
  #map {
    bottom: 0;
    display: block !important;
  }
  #map .map-zoom {
    transition: right 300ms;
  }
  #map .map-zoom-in {
    bottom: 90px;
    right: 330px;
  }
  #map .map-zoom-out {
    bottom: 50px;
    right: 330px;
  }
  .right-toggle-hidden #map .map-zoom-in,
  .right-toggle-hidden #map .map-zoom-out {
    right: 10px;
  }
  #tweets,
  #photos,
  #about {
    bottom: 0;
    box-shadow: rgba(0, 0, 0, 0.1) 0 0 10px;
    display: block !important;
    width: 320px;
  }
  #tweets .toggle,
  #about .toggle,
  #photos .toggle {
    background: #fafafa;
    /*bottom: 100px;*/
    box-shadow: rgba(0, 0, 0, 0.1) 0 0 10px;
    color: #999;
    display: block;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    font-weight: bold;
    position: absolute;
    text-align: center;
    top: 50px;
    width: 30px;
  }
  #tweets.toggle-focus .toggle,
  #about.toggle-focus .toggle,
  #photos.toggle-focus .toggle {
    background: #129bee;
    color: #fff;
  }
  #tweets {
    left: auto;
    transition: right 300ms;
    z-index: 1;
  }
  #tweets .content {
    padding-bottom: 100px;
  }
  #tweets.toggle-hidden {
    right: -320px;
    transition: right 300ms, z-index 0 300ms;
    z-index: 1;
  }
  #tweets.toggle-focus {
    z-index: 2;
  }
  #tweets .toggle {
    right: 320px;
  }
  #photos {
    left: auto;
    transition: right 300ms;
    z-index: 1;
  }
  #photos.toggle-hidden {
    right: -320px;
    transition: right 300ms, z-index 0 300ms;
    z-index: 1;
  }
  #photos.toggle-focus {
    z-index: 2;
  }
  #photos .toggle {
    right: 320px;
    top: 80px;
  }
  #media-list .media {
    width: 50%;
  }
  #about {
    right: auto;
    transition: left 300ms;
  }
  #about.toggle-hidden {
    left: -320px;
  }
  #about .content {
    padding-bottom: 100px;
  }
  #about .toggle {
    left: 320px;
  }
  #about .adsense {
    left: auto;
    right: auto;
    position: absolute;
    height: auto;
    width: 320px;
  }
  #footer {
    display: none;
  }
}
#app-panel {
  color: #333;
  height: auto;
}
#app-panel .title {
  font-weight: bold;
  font-size: 1.25rem;
}
#app-panel p {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
#app-panel .buttons {
  text-align: center;
}
#app-panel .buttons a {
  display: inline-block;
}