.surface-dark {
  --color-focus: var(--color-primary-fixed-dim);
  background-color: var(--color-inverse-surface);
  color: var(--color-inverse-on-surface); }
  .surface-dark .lang-switch .lang-link {
    color: var(--color-inverse-muted); }
    .surface-dark .lang-switch .lang-link.active, .surface-dark .lang-switch .lang-link:hover {
      color: #fff;
      background: transparent; }

.has-glow {
  background-image: radial-gradient(620px circle at 88% 0%, rgba(226, 67, 75, 0.22), transparent 62%), radial-gradient(520px circle at 0% 100%, rgba(226, 67, 75, 0.12), transparent 62%); }

.auth {
  display: grid;
  place-items: center;
  align-content: center;
  gap: var(--space-6);
  min-height: 100vh;
  padding: var(--space-7) var(--space-4); }

.auth__lang {
  position: absolute;
  top: var(--space-4);
  right: var(--space-4); }

.auth__card {
  --color-focus: var(--color-primary);
  width: min(440px, 100%);
  padding: var(--space-6);
  border-radius: var(--radius-lg);
  background: var(--color-background);
  color: var(--color-on-surface);
  box-shadow: var(--shadow-lg); }

@media (max-width: 600px) {
  .auth__card {
    padding: var(--space-5); } }

/*# sourceMappingURL=connexion.css.map */