body.auth_page_register #auth_form_content_terms_container {
    row-gap: 0;
}

body.auth_page_register #auth_form_content_footer_container {
    margin-top: -1rem;
}

@media (max-width: 360px), (max-height: 700px) {
    @media (max-width: 767px) {
        body.auth_page_register #auth_form_content_footer_container {
            margin-top: -0.375rem;
        }
    }
}

@media (min-width: 641px) {
    body.auth_page_register #auth_form_content {
        max-height: min(94dvh, 54rem);
        gap: clamp(0.7rem, 2vw, 1rem);
    }

    body.auth_page_register #auth_form_content_container {
        gap: clamp(0.6rem, 1.5vw, 0.9rem);
    }

    body.auth_page_register .auth_form_content_input_container {
        gap: 0.55rem;
    }

    body.auth_page_register #auth_form_content_footer_container {
        margin-top: calc(-1 * clamp(0.7rem, 2vw, 1rem));
    }
}

@media (min-width: 1025px) {
    body.auth_page_register #auth_form_content {
        overflow-y: auto;
        scrollbar-gutter: stable;
        scrollbar-color: var(--placeholder-color) transparent;
        scrollbar-width: thin;
    }

    body.auth_page_register #auth_form_content::-webkit-scrollbar {
        width: 6px;
    }

    body.auth_page_register #auth_form_content::-webkit-scrollbar-track {
        background: transparent;
    }

    body.auth_page_register #auth_form_content::-webkit-scrollbar-thumb {
        background-color: color-mix(in srgb, var(--placeholder-color) 75%, transparent);
        border-radius: 999px;
    }

    body.auth_page_register #auth_form_content::-webkit-scrollbar-thumb:hover {
        background-color: var(--placeholder-color);
    }
}

body.auth_page_register #auth_form_content_username_container .auth_form_content_input {
    text-transform: none;
}

body.auth_page_register .auth_password_strength {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.4rem;
    width: 100%;
    margin-top: 0.15rem;
    animation: fade_in_rest_auth 0.45s ease-out 0.08s both;
}

body.auth_page_register .auth_password_strength_row {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.75rem;
    width: 100%;
}

body.auth_page_register .auth_password_strength_label {
    font-weight: 500;
    font-size: clamp(0.75rem, 2vw, 0.85rem);
    line-height: 1.2;
    color: var(--placeholder-color);
    opacity: 0.95;
}

body.auth_page_register .auth_password_strength_row .auth_form_content_password_hint {
    flex: 0 0 auto;
    margin-inline-start: auto;
    text-align: end;
    white-space: nowrap;
}

body.auth_page_register #auth_form_content_password_input:focus {
    border-color: var(--password-strength-color, var(--highlight-color));
}

body.auth_page_register #auth_form_content_password_input:focus-visible {
    outline-color: var(--password-strength-color, var(--highlight-color));
}