/* Styles for download-popup.hbs — the popup body. Its host wrapper
   (`.download`, `.download-popup`) is markup of header.hbs and styled there. */

/* Carries the popup's chrome: its host (`.download-popup`, in header.css) has to
   stay padding-free so its height can animate down to a true 0. */
.download-popup-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  padding: 16px;
  background-color: var(--gray-0);
  border: 1px solid var(--stroke-neutral-1-default);
  border-radius: 0 0 24px 24px;
}

.download-qr {
  width: 95px;
  height: 95px;
}

.download-hint {
  color: var(--on-background-neutral-subdued);
  font-size: 14px;
  line-height: 20px;
  text-align: center;
}

.download-more {
  width: 100%;
}