.shine-avatar-box {
    margin: 25px 0;
    padding: 20px;
    border-radius: 18px;
    background: #f8f8f8;
    transition: .3s;
}


.shine-avatar-box:hover {
    transform: translateY(-2px);
}


.shine-avatar-preview {
    width:120px;
    height:120px;
    margin:15px 0;
    border-radius:50%;
    overflow:hidden;
    border:4px solid #fff;
    box-shadow:0 8px 25px rgba(0,0,0,.12);
}


.shine-avatar-preview img {

    width:100%;
    height:100%;
    object-fit:cover;

}


.shine-empty-avatar {

    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:40px;
    color:#999;
    background:#eee;

}


.shine-avatar-box input[type="file"]{

    display:block;
    margin-top:15px;
}


.shine-user-avatar {

    border-radius:50%;
    object-fit:cover;

}


@media(max-width:767px){

    .shine-avatar-box{

        padding:15px;
        border-radius:14px;

    }


    .shine-avatar-preview{

        width:90px;
        height:90px;

    }

}

.shine-review-avatar-wrap{
    display:inline-block;
    vertical-align:middle;
    margin-left:10px;
}


.shine-review-avatar{
    width:45px;
    height:45px;
    border-radius:50%;
    object-fit:cover;
}