<commit_before>@import 'cozy-ui'

.set-view-content
    padding-left   2rem
    padding-right  2rem

    .set-view-title
        padding  0

    .set-view-subtitle
        margin-bottom  0em

.set-view-content--narrow
    max-width  32em

.set-view-loading
    @extend     $icon-spinner-blue
    @extend     $icon-16
    margin-left 0.5em

.set-view-title
    padding  0 2rem

    @media (max-width: (768/basefont)rem)
        .devices-view h2
            padding  0 .8em

.coz-btn--revoke
    vertically-padded    .2em
    horizontally-padded  0
    background           transparent
    color                dodger-blue

.set-account-logo
    box-sizing        border-box
    display           inline-block
    border-radius     4px
    margin-right      1rem
    width             3rem
    height            3rem
    background-color  grey-11
    padding           3px
    vertical-align    middle

    img
        position   relative
        top        50%
        left       50%
        display    block
        max-width  100%
        transform  translateX(-50%) translateY(-50%)

.set-account-more {
    margin     0
    padding    em(24px, 14px) em(32px, 14px)
    font-size  14px
}
// @TODO Wait for the functionality to be implemented and then remove the style and class in the component
.set-soon
    filter grayscale(50%)<commit_msg>[feat] new style for the disabled view<commit_after>@import 'cozy-ui'

.set-view-content
    padding-left   2rem
    padding-right  2rem

    .set-view-title
        padding  0

    .set-view-subtitle
        margin-bottom  0em

.set-view-content--narrow
    max-width  32em

.set-view-loading
    @extend     $icon-spinner-blue
    @extend     $icon-16
    margin-left 0.5em

.set-view-title
    padding  0 2rem

    @media (max-width: (768/basefont)rem)
        .devices-view h2
            padding  0 .8em

.coz-btn--revoke
    vertically-padded    .2em
    horizontally-padded  0
    background           transparent
    color                dodger-blue

.set-account-logo
    box-sizing        border-box
    display           inline-block
    border-radius     4px
    margin-right      1rem
    width             3rem
    height            3rem
    background-color  grey-11
    padding           3px
    vertical-align    middle

    img
        position   relative
        top        50%
        left       50%
        display    block
        max-width  100%
        transform  translateX(-50%) translateY(-50%)

.set-account-more {
    margin     0
    padding    em(24px, 14px) em(32px, 14px)
    font-size  14px
}
// @TODO Wait for the functionality to be implemented and then remove the style and class in the component
.set-soon
    filter   grayscale(100%)
    opacity  .5
{'fraction_non_alphanumeric': 0.07576866764275256, 'fraction_numerical': 0.03806734992679356, 'mean_word_length': 1.5954415954415955, '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': '194852', 'n_tokens_mistral': 913, 'n_tokens_neox': 860, 'n_words': 223}