/* Sign-in page layout. Loaded after the upright gem's stylesheets via
   config.public_stylesheets (config/initializers/upright.rb). Scoped to the
   sign-in box, so nothing else changes. */
.sign-in-box {
  width: min(360px, 100%);

  .sign-in-form {
    --accent: var(--color-link);

    display: flex;
    flex-direction: column;
    gap: calc(var(--block-space) * 1.25);
    text-align: start;
  }

  .sign-in-form__submit {
    justify-content: center;
    margin-block-start: calc(var(--block-space) * 0.5);
    width: 100%;
  }
}