.stejar-auth-container {
  block-size: 100vh;
  overflow: hidden;
}

.stejar-auth-content {
  overflow-y: auto;
}

.stejar-auth-content-card {
  max-inline-size: 100%;
  max-block-size: 100%;
  block-size: 100vh;
  padding-inline: 0;
}

/* Password Strength Indicator Styling */

/* Strength bar container (applied by JS) */

.password-strength-container {
  position: relative;
  background-color: var(--gray-200);
  border-radius: 9999px;
  margin-block-start: 0.75rem;
  overflow: hidden;
}

/* Strength bar fill base */

.password-strength-fill {
  block-size: 0.5rem;
  border-radius: 9999px;
  transition: width 0.7s, background 0.7s;
}

/* Strength level gradients */

.password-strength-fill--very-weak {
  background: linear-gradient(to right, #ef4444, #f97316);
  box-shadow: 0 0 8px rgba(239, 68, 68, 0.5);
}

.password-strength-fill--weak {
  background: linear-gradient(to right, #f97316, #eab308);
  box-shadow: 0 0 8px rgba(249, 115, 22, 0.5);
}

.password-strength-fill--moderate {
  background: linear-gradient(to right, #eab308, #60a5fa);
  box-shadow: 0 0 8px rgba(234, 179, 8, 0.5);
}

.password-strength-fill--strong {
  background: linear-gradient(to right, #3b82f6, #4ade80);
  box-shadow: 0 0 8px rgba(59, 130, 246, 0.5);
}

.password-strength-fill--very-strong {
  background: linear-gradient(to right, #10b981, #059669);
  box-shadow: 0 0 8px rgba(16, 185, 129, 0.5);
}

/* Strength text colors */

.password-strength-text {
  margin-block-start: 0.5rem;
  font-size: 0.875rem;
  font-weight: 500;
  transition: color 0.3s;
}

.password-strength-text--very-weak {
  color: #dc2626;
}

.password-strength-text--weak {
  color: #ea580c;
}

.password-strength-text--moderate {
  color: #ca8a04;
}

.password-strength-text--strong {
  color: #2563eb;
}

.password-strength-text--very-strong {
  color: #059669;
}

/* Divider lines in strength bar */

.password-strength-divider {
  position: absolute;
  inset-block-start: 0;
  inset-block-end: 0;
  inline-size: 1px;
  background-color: var(--gray-300);
}