#main-body[data-view='userMediaDisplayed']
{
	& #user-info-container {
		display: none;
	}
	/*
	& #user-info-container
	{
		padding-left: 2rem;
		position: fixed;
		left: 0;
		top: 50%;
		transform: translateY(-50%);


		& .user-basic-info
		{
			min-width: unset;
			& #user-avatar
			{
				max-width: 50%;
				text-align: center;
				img {
					height: auto;
					width: auto;
					max-width: 50%;
				}
			}
		}
	}
	*/
}



#user-content #user-status-update {
	& #status-update {
		font-size: 105%;
	}
}

#user-container {
	display: flex !important;

/*	--media-p-right-w: 350px; */

	& .user-basic-info
	{
		/* position: sticky; */
		/* top: 3rem; */
		display: flex;
		flex-direction: column;
		width: 300px;
		max-width: 300px;
		min-width: 300px;
		overflow: hidden;
		& #user-avatar
		{
			text-align: center;
			& img#user-avatar-img {
				width: 90%;
				height: 300px;
				object-fit: scale-down;
			}
		}
		& div#user-info {
			font-size: 90%;
			padding-left: 0.6rem;
		}


	}
	& #profile-site-container {
		flex: 1;
		/* padding: 5px; */
		display: inline-block;
		vertical-align: top; 
		width: 95%;
		/*width: 100%;*/
		/* margin-left: 10px; */
		/* padding: 5px; display: inline-block; width: calc(100% - 290px); vertical-align: top; margin-left: 10px */

		& #media-content {
			width: 100%;
		}

		#media-right-items-container {
			width: 200px;
			 & img.media-it-thumb { 
				--media-r-it-w: 150px !important;
				--media-r-it-h: 100px !important;
				max-width: 150px;
				max-height: 150px;
			}
		}
	}


}

#profile-limited-medias > div .medias {
    display: flex;
    /* justify-content: space-evenly; */
    text-wrap: normal;
    flex-wrap: wrap;
}
#user-description {
    background-color: var(--base-color-6);
}

#profile-misc {
    display: flex;
    align-items: center;
    margin-top: 5px;
}

#profile-feeds {
    width: 25%;
    display: inline-block;
    max-height: 290px;
    overflow: auto;
    border-left: solid 1px black;
    padding-left: 3px;
}


