#user
    width: 100%
    max-width: 45em
    nav.text-nav
        margin-bottom: 1.5em

    #user-summary
        .thumbnail
            width: 6em
            height: 6em
            margin: 0 1.5em 1.5em 0
            float: left
        .basic-info
            list-style-type: none
            margin: 0
        div
            clear: both
        nav
            float: left
            width: 45%
            margin-right: 1em

    #user-edit
        form
            width: 100%
        .avatar
            #avatar-content
                float: right
                width: 65%
                margin-top: .5em
            #avatar-radio
                float: left
                width: 30%
            &:after
                content: ' '
                display: block
                height: 1px
                clear: both

    #user-tokens

        .flex-centered
            width: 100%;
            display: flex;
            flex-direction: row;
            justify-content: space-around;

        .token-flex-container
            width: 100%
            display: flex;
            flex-direction column;
            padding-bottom: 0.5em;

            .floor
                border-bottom: black solid 1px;

            .token-info
                min-width: 75%;

            .token-actions
                max-width: 25%;
                justify-content: end;

            .token-flex-row
                display: flex;
                flex-direction: row;
                justify-content: space-between;
                padding-top: 0.25em;
                padding-bottom: 0.25em;

                form
                    width: auto;

            .token-flex-column
                display: flex;
                flex-direction: column;

    #user-delete form
        width: 100%