@layer components {
/* .passkeys-container {
  margin-bottom: calc(var(--spacing-md) * 2);
} */

.passkeys-container__title {
  font-family: 'Syne', system-ui, sans-serif;
  font-size: 1.25rem;
  font-weight: 800;
  color: #0d0d0d;
  letter-spacing: -0.02em;
  margin-bottom: 0.75rem;
}

.passkeys-container__pitch {
  font-size: 0.875rem;
  color: #6b7280;
  margin-bottom: var(--spacing-md);
}

.passkeys-container__benefits {
  display: grid;
  gap: var(--spacing);
  margin-bottom: var(--spacing-md);
  margin-left: var(--spacing-md);
}

.passkeys-container__benefit span{
  margin-right: var(--spacing-xs);
}
}