.ui-page--auth {
  padding-top: 12px;
}

.ui-body--auth .ui-page-hero {
  min-height: clamp(260px, 36vw, 420px);
}

.ui-body--auth .ui-page-hero__copy {
  align-content: start;
}

.ui-page--auth .ui-auth-layout {
  align-items: start;
}

@media (max-width: 980px) {
  .ui-body--auth .ui-page-hero {
    min-height: 0;
  }
}

@media (max-width: 720px) {
  .ui-page--auth {
    padding-top: 0;
  }

  .ui-body--auth .ui-page-hero {
    padding-bottom: 20px;
  }

  .ui-body--auth .ui-page-hero__copy {
    gap: 8px;
  }
}

.ui-meter-fill--p-0 { width: 0; }
.ui-meter-fill--p-5 { width: 5%; }
.ui-meter-fill--p-10 { width: 10%; }
.ui-meter-fill--p-15 { width: 15%; }
.ui-meter-fill--p-20 { width: 20%; }
.ui-meter-fill--p-25 { width: 25%; }
.ui-meter-fill--p-30 { width: 30%; }
.ui-meter-fill--p-35 { width: 35%; }
.ui-meter-fill--p-40 { width: 40%; }
.ui-meter-fill--p-45 { width: 45%; }
.ui-meter-fill--p-50 { width: 50%; }
.ui-meter-fill--p-55 { width: 55%; }
.ui-meter-fill--p-60 { width: 60%; }
.ui-meter-fill--p-65 { width: 65%; }
.ui-meter-fill--p-70 { width: 70%; }
.ui-meter-fill--p-75 { width: 75%; }
.ui-meter-fill--p-80 { width: 80%; }
.ui-meter-fill--p-85 { width: 85%; }
.ui-meter-fill--p-90 { width: 90%; }
.ui-meter-fill--p-95 { width: 95%; }
.ui-meter-fill--p-100 { width: 100%; }