<commit_before>@import 'cozy-ui'

:local // @stylint ignore
    .col-account-connection
        @media (max-width: (930/basefont)rem)
            .col-account-connection-data
                display none

            .col-account-connection-header,
            .col-account-connection-content
                width   100%

    .col-account-connection-header svg
        max-height (48/basefont)em

    .col-account-connection-content
        display   flex
        flex-wrap nowrap
        width     (800/basefont)em

    p
        font-size   (16/basefont)em
        line-height (24/basefont)em

    .col-account-connection-security svg
        max-height   (48/basefont)em
        max-width    (48/basefont)em
        float        left
        margin-right (16/basefont)em

    .col-account-connection-header,
    .col-account-connection-form,
    .col-account-connection-data
        margin 0 (16/basefont)em

    .col-account-connection-icon
        height 3em

    h3
        font-size   (24/basefont)em
        line-height 1.5em
        margin      .667em 0

    .col-account-connection-form
        flex 1 0 (460/basefont)em
        max-width (460/basefont)em

    h4
        font-size   (20/basefont)em
        line-height 1.5em
        margin      1em 0

    .col-account-connection-data-access
        padding-left 0
<commit_msg>style: fix connexion modal layout for mobile view :lipstick:<commit_after>@import 'cozy-ui'

:local // @stylint ignore
    .col-account-connection-header svg
        max-height (48/basefont)em

    .col-account-connection-content
        display   flex
        flex-wrap nowrap
        width     (800/basefont)em

    p
        font-size   (16/basefont)em
        line-height (24/basefont)em

    .col-account-connection-security svg
        max-height   (48/basefont)em
        max-width    (48/basefont)em
        float        left
        margin-right (16/basefont)em

    .col-account-connection-header,
    .col-account-connection-form,
    .col-account-connection-data
        margin 0 (16/basefont)em

    .col-account-connection-icon
        height 3em

    h3
        font-size   (24/basefont)em
        line-height 1.5em
        margin      .667em 0

    .col-account-connection-form
        flex 1 0 (460/basefont)em
        max-width (460/basefont)em

    h4
        font-size   (20/basefont)em
        line-height 1.5em
        margin      1em 0

    .col-account-connection-data-access
        padding-left 0

    .col-account-connection
        @media (max-width: (930/basefont)rem)
            .col-account-connection-data
                display none

            .col-account-connection-header,
            .col-account-connection-content
                width   100%

            .col-account-connection-form
                flex    1 0

{'fraction_non_alphanumeric': 0.09338103756708407, 'fraction_numerical': 0.036493738819320214, 'mean_word_length': 1.6302916274694261, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '7038407', 'n_tokens_mistral': 939, 'n_tokens_neox': 850, 'n_words': 166}