/**
BASE CSS
**/


[template='spring'] .view.dashboard {
    display: block;
    width: auto;
}

[template='spring'] .view  .avatar {
    display: inline-block;
    max-width: max-content;
    max-height: max-content;
    width: auto;
    height: auto;
    min-width: 200px;
    min-height: 200px;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: var(--secondary-bg-color);
    border-radius: var(--border-radius);
}

[template='spring'] .view.personal-info .update-profile-picture {
    position: relative;
    display: inline-block;
    padding: 0 0 30px 0;
}

[template='spring'] .view.personal-info .update-profile-picture .avatar {
    position: relative;
    margin-bottom: 19px;
}

[template='spring'] .view.personal-info .update-profile-picture mavryx-component[type="upload"] {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 10px;
    display: block;
    width: 100%;
}