.user-about__item {
    display: block;
    margin-bottom: 12px;
    font-size: .875em
}

.user-about__item svg {
    display: inline-block;
    vertical-align: bottom;
    width: 16px;
    height: auto;
    fill: currentColor;
    margin-right: 8px
}

.user-about__item .stroke-only {
    fill: rgba(0, 0, 0, 0)
}

.user-about__item:last-of-type {
    margin-bottom: 0
}

.user-about__item .goal-icon {
    height: 29px
}

@media screen and (max-width: 480px) {
    .user-about {
        display: block;
        width: 100%
    }

    .user-about__item .goal-icon {
        height: 20px
    }
}

.user-back-wrapper {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 25px
}

.user-profile {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 35px
}

.user-gallery {
    position: relative;
    margin: 0 35px 0 20px;
    width: 60%;
    max-width: 240px
}

.user-photo--clickable {
    cursor: pointer
}

.user-photo__img {
    display: block;
    width: 100%;
    border-radius: 10px;
    box-shadow: 1px 1px 6px 0 rgba(37, 37, 37, .5)
}

.user-controls {
    position: absolute;
    bottom: -15px;
    right: 0;
    left: 0;
    display: flex;
    justify-content: space-between;
    font-size: .875em
}

.user-description {
    position: relative;
    padding: 25px 30px;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 1px 1px 6px 0 rgba(37, 37, 37, .5)
}

.user-description:before {
    content: "";
    display: block;
    position: absolute;
    top: -10px;
    left: 35px;
    width: 20px;
    height: 20px;
    background-color: #fff;
    transform: rotate(-45deg);
    box-shadow: 1px -1px 1px 0 rgba(37, 37, 37, .2)
}

.deleted_user_img_svg__cls-1 {
    opacity: .44
}

.deleted_user_img_svg__cls-2 {
    mask: url(#mask)
}

.deleted_user_img_svg__cls-3 {
    fill: #a9a9a9
}

.deleted_user_img_svg__cls-4 {
    fill: #ff7e49
}

.deleted_user_img_svg__cls-5 {
    fill: #ff9b50
}

.deleted_user_img_svg__cls-6 {
    fill: #804612
}

.deleted_user_img_svg__cls-7 {
    fill: #82270b
}

.deleted_user_img_svg__cls-8 {
    fill: #1e181a
}

.deleted_user_img_svg__cls-9 {
    fill: #e05f38
}

.deleted_user_img_svg__cls-10 {
    fill: #ff804a
}

.deleted_user_img_svg__cls-11 {
    fill: #ff2c29
}

.deleted_user_img_svg__cls-12 {
    filter: url(#luminosity-noclip)
}

.deleted-user {
    text-align: center;
    padding-top: 50px
}

.deleted-user .main-title {
    font-size: 1.5em
}

.deleted-user__img {
    font-size: 11.5em;
    width: 140px;
    margin-bottom: 30px
}

@media screen and (min-width: 1020px) {
    .user-profile {
        margin-bottom: 10px
    }

    .user-gallery {
        max-width: 360px
    }

    .user-about__item {
        margin-bottom: 20px;
        font-size: 1.12em
    }

    .user-about__item svg {
        width: 24px
    }

    .user-controls {
        bottom: -60px;
        padding: 0 4%;
        justify-content: space-around
    }

    .btn--user {
        padding: 6px 30px
    }
}

@media screen and (max-width: 776px) {
    .user-gallery {
        margin: 0 20px;
        width: 90%
    }

    .user-controls {
        justify-content: space-around
    }

    .user-description {
        margin: 0 35px
    }
}

@media screen and (max-width: 480px) {
    .main-title--photo {
        display: none
    }

    .main-title--user {
        padding-left: 0
    }

    .main-title--user:before {
        display: none
    }

    .user-back-wrapper {
        margin-bottom: 20px
    }

    .user-back-wrapper .btn-back {
        padding-left: 0
    }

    .user-profile {
        flex-flow: column nowrap;
        margin-bottom: 10px
    }

    .user-gallery {
        margin: 0 0 90px 0;
        width: 100%;
        max-width: 315px
    }

    .user-controls {
        flex-flow: column-reverse nowrap;
        bottom: -90px
    }

    .user-controls .btn--approve {
        width: 40%;
        margin-left: auto
    }

    .btn--user {
        height: 40px;
        border-radius: 20px;
        margin: 0 0 20px
    }

    .user-description {
        margin: 0
    }
}