/* SCR-01 Sign in only (DESIGN_SPEC › SCR-01; L-SYSTEM). */
.sign-in {
    inline-size: 100%;
    max-inline-size: var(--size-signin-max);
    margin: var(--space-6) auto var(--space-10);
    padding: var(--space-8);
}

.sign-in__title {
    font-size: var(--font-size-36);
    letter-spacing: var(--letter-spacing-display);
}

.sign-in .notice {
    margin-block-start: var(--space-5);
}

.sign-in__form {
    margin-block-start: var(--space-6);
}

.sign-in__toggle {
    margin-inline-start: calc(-1 * var(--space-4));
}

.sign-in__submit {
    inline-size: 100%;
    margin-block-start: var(--space-6);
}

.sign-in__help {
    margin-block: var(--space-5) 0;
}

@media (min-width: 47.5em) {
    .sign-in {
        margin-block-start: var(--space-11);
    }
}