/* Screen specific bits. For now only the waiting room. */

.welcome {
  text-align: center;
}

.welcome .card__text + .card__text {
  margin-top: var(--sp-3);
}

.packlist__intro {
  font-family: var(--font-d);
  font-style: italic;
  font-size: 0.95rem;
  line-height: 1.7;
  color: var(--brown-m);
  margin-bottom: var(--sp-4);
}

.packlist__group + .packlist__group {
  margin-top: var(--sp-4);
}

.packlist__saved {
  margin-top: var(--sp-2);
  font-size: 0.8rem;
  color: var(--green);
}

/* Shown when the date is past the waiting room but the app itself is not
   built yet. Temporary, disappears in step 2. */
.under-construction {
  text-align: center;
  border: 1.5px dashed var(--border);
  background: var(--card);
  border-radius: var(--r-lg);
  padding: var(--sp-6) var(--sp-4);
}

.under-construction__icon {
  display: block;
  font-size: 2rem;
  margin-bottom: var(--sp-3);
}