/* The RigidSparrow placeholder (rigidsparrow.isophoric.com): a sign-in card whose
   fields and button are greyed out until the service exists. Builds on styles.css. */

.rs {
  min-height: calc(100vh - 66px - 7rem);
  display: grid; place-items: center;
  padding: clamp(2.5rem, 8vw, 5rem) 1.25rem;
  background: var(--navy);
}
.rs__card {
  width: min(380px, 100%);
  background: var(--white); border-radius: 16px;
  padding: 2rem 1.75rem 1.5rem;
  box-shadow: 0 24px 60px rgba(0, 0, 0, .35);
}
.rs__name { font-size: 1.75rem; margin: 0 0 1.4rem; text-align: center; color: var(--navy); }
.rs__form fieldset { border: 0; margin: 0; padding: 0; display: grid; gap: .45rem; }
.rs__label { font-size: .88rem; font-weight: 600; color: #8b8fa3; }
.rs__input {
  font: inherit; padding: .7rem .8rem; margin-bottom: .55rem;
  border: 1px solid #d6d8e1; border-radius: 10px;
  background: #eef0f4; color: #8b8fa3;
}
.rs__submit { width: 100%; margin-top: .4rem; justify-content: center; background: #c9ccd6; color: #6f7386; border-color: transparent; }
fieldset:disabled .rs__input, fieldset:disabled .rs__submit { cursor: not-allowed; }
.rs__status { margin: 1.1rem 0 0; text-align: center; font-size: .82rem; color: #7a7f94; }

.visually-hidden {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}