@charset "UTF-8";
/* Реєстрація - Figma «Website» 2351:120526 (Main content 914).
   ПК: дві колонки по 530 з розривом 20, під ними блок згод і кнопок 216 завширшки 530. */
.register__body {
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
}

.register__columns {
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
}

.register__column {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  min-width: 0;
}

.register__actions {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

/* розділювач «або» - той самий візерунок, що у вході (Figma «Adv divider») */
.register__or {
  display: flex;
  align-items: center;
  gap: var(--space-4);
  min-height: 16px;
}

.register__or .v-divider {
  flex: 1 0 0;
}

.register__or-text {
  font: var(--t-subbody);
  letter-spacing: var(--t-subbody-ls);
  color: var(--c-text-muted);
}

.register__socials {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}

@media (min-width: 1024px) {
  .register__columns {
    flex-direction: row;
  }
  .register__column {
    flex: 0 0 530px;
    align-self: flex-start;
  }
  .register__actions {
    width: 530px;
  }
  .register__socials {
    flex-direction: row;
  }
  .register__socials > * {
    flex: 1 0 0;
  }
}