body
{
	min-height: calc(100% + env(safe-area-inset-top));
}

.widget h2
{
	height: 30px;
}

.widget
{
	border-radius: 24px;
}

.overlay .widget
{
	width: calc(100% - env(safe-area-inset-left) - env(safe-area-inset-right));
	margin: auto 0;
	max-height: 100%;
}

.overlay.clean .widget
{
	max-height: none;
}

.overlay
{
	align-items: baseline;
	padding: 20px;
	box-sizing: border-box;
}

.overlay.clean
{
	top: calc(64px + env(safe-area-inset-top));
	overflow-y: auto;
	height: calc(100% - 64px - env(safe-area-inset-top));
}

.overlay:not(.clean)
{
	padding-top: calc(20px + 64px + env(safe-area-inset-top));
}

#foreground
{
	margin: 0px;
	border-radius: 32px;
	width: 100%;
	top: calc(env(safe-area-inset-top) + 64px);
	height: calc(100vh - 64px);
}

#presentation-mode #foreground
{
	height: 100vh;
	width: 100%;
}

#presentation-mode #grid
{
	margin-top: 20px;
}

#grid
{
	margin: 20px;
	margin-left: calc(20px + env(safe-area-inset-left));
	margin-right: calc(20px + env(safe-area-inset-right));
	margin-top: calc(env(safe-area-inset-top) + 84px);
	display: flex;
	flex-direction: column;
}

.mobile-hidden
{
	display: none!important;
}

#admin-bar
{
	padding-top: calc(env(safe-area-inset-top) * 1.55);
	padding-left: 10px;
	padding-right: 10px;
	justify-content: center;
	gap: 10px;
}

#admin-bar > button, #admin-bar > input
{
	margin: 0!important;
}

.edit-container
{
	padding: 0 5px;
}

#widget-entrys, #account-list, #ideas, #users
{
	padding-right: 0!important;
	overflow-y: auto;
}

#preview .scroll-container
{
	padding-bottom: 0!important;
}

#users, #activity, #mood, #presence, .project .report .images
{
	display: flex;
	flex-direction: column;
}

.user .title
{
	width: 100%;
}