.photo-upload-card{
    display:grid;
    grid-template-columns:75px 1fr;
    gap:16px;
    align-items:center;
}

.photo-preview-wrapper{
    display:flex;
    justify-content:center;
}

.preview-container{
    width:75px;
    height:75px;

    border-radius:50%;
    overflow:hidden;

    border:3px solid #fff;

    box-shadow:
    0 8px 25px rgba(0,0,0,.12);

    cursor:pointer;
}

.preview-container img{
    width:100%;
    height:100%;
    object-fit:cover;
}

#placeholder-content{
    width:100%;
    height:100%;

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:30px;

    background:#f5f5f5;
}

.upload-box{
    border:2px dashed #7c4dff;

    border-radius:16px;

    padding:12px;
min-height:70px;

    display:flex;
    align-items:center;
    justify-content:center;

    gap:12px;

    cursor:pointer;

    transition:.25s;
}

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

.upload-title{
    font-size:14px;
    font-weight:700;

    color:#5b34e6;
}

.upload-subtitle{
    font-size:12px;
    color:#777;
}

.ui-create-btn{
    width:100%;
    margin-top:18px;
}