@import '../../theme/mixins';

.Content {
  @include contentBlock();
}

.Box {
  padding: 10px 0;
  margin: 0 0 10px;
  @include whiteBox()
}

.Subtitle {
  font-size: 17px;
  line-height: 20px;
  margin: 0 40px 10px;
  font-weight: 600;
  color: var(--color-neutral-02);
  text-align: center;
}

.Form {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}

.SocialLogin {
  margin: 8px 40px 8px;
  flex: 0 0 auto;
  justify-content: flex-start;
}

.Control {
  margin: 0 40px 6px;
}

.Submit {
  margin: 8px 40px
}

.ConfirmText {
  margin: 10px 60px;
  color: var(--color-neutral-02);
  text-align: center;

  span {
    font-weight: 600;
  }
}

.Error {
  color: var(--color-danger);
  margin: 10px 40px;
  text-align: center;
}

.ErrorIcon {
  background-position: -275px -196px;
}

.SuccessIcon {
  background-position: -405px -344px;
}
