/*Canopy - The next generation of stoner streaming software
Copyright (C) 2024-2026 Rainbownapkin and the TTN Community

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU Affero General Public License as
published by the Free Software Foundation, either version 3 of the
License, or (at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU Affero General Public License for more details.

You should have received a copy of the GNU Affero General Public License
along with this program.  If not, see <https://www.gnu.org/licenses/>.*/
#account{
    display: flex;
    margin-top: 2em;
    justify-content: space-evenly;
}

#profile-div{
    display: flex;
    padding: 1em;
    flex-direction: row;
    overflow-y: hidden;
}

#profile-info{
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
}

#profile-info-aux{
    flex: 2;
    margin: 0 1em;
}

#account-settings-div{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1em;
}

#account-settings-buttons{
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    flex: 1;
}

#profile-username{
    margin: 0;
}

#profile-status{
    margin: 0;
    text-wrap: nowrap;
}

#profile-img{
    position: relative;
    display: flex;
    justify-content: center;
    height: 14em;
    width: 14em;
    margin: 1em 0;
}

#profile-img-content{
    cursor: pointer;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

#profile-img-prompt{
    position: absolute;
    left: -1.5em;
    right: -1.5em;
    top: calc(50% - 1.3em);
}

.profile-toke-count{
    margin: 0;
}

span.profile-item{
    display: flex;
    flex-direction: row;
    width: fit-content;
    margin: 0.2em;
}

p.profile-item{
    margin: 0;
}

.profile-item-oneliner{
    text-wrap: nowrap
}

.profile-item-prompt{
    display: none;
}

#profile-tokes{
    resize: vertical;
    width: fit-content;
    height: fit-content;
    min-height: 1.5em;
    max-height: 5.8em;
    padding: 0.5em 0.2em;
    border-bottom-right-radius: 0;
    text-wrap: nowrap;
    visibility: collapse;
}

/*Little hacky but this keeps initial max-height from fucking up resizing*/
#profile-tokes[style*="height"]{
    max-height: 40vh;
}

.profile-toke{
    margin: 0.2em 1em;
}

#profile-bio-label{
    margin-bottom: 0.2em;
}

#profile-bio-content{
    width: 30VW;
}

#profile-bio-prompt{
    width: 30VW;
    height: 19.4em;
    resize: vertical;
}

#account-email-label{
    margin: 0.2em 0;
}

#account-email-address{
    margin-top: 0.2em
}