@use '../assets';

#app-mount .container-2cd8Mz {
	background: var(--background-alt);
	.peopleColumn-1wMU14 .wrapper-1VLyxH {
		width: var(--avatar-size) !important;
		height: var(--avatar-size) !important;
	}
	.topPill-3DJJNV {
		position: absolute;
		top: var(--toolbar-height);
		left: 0;
		width: calc(100vw - (var(--sidebar-width) * 2.5) - var(--noasw-base));
		background: var(--background);
		height: 30px;
		border-bottom: 1px solid var(--base-border);
		box-sizing: border-box;
		.item-3mHhwr {
			margin: 0;
			font-size: var(--font-size);
			font-weight: var(--font-weight-normal);
			background: transparent !important;
			border-radius: 0;
			cursor: var(--cursor);
			padding: 0 var(--spacing-double);
			color: var(--text-normal) !important;
			border-right: 1px solid var(--base-border);
			flex-grow: 1;
			.badge-3wMLmL {
				margin-left: var(--spacing-half);
			}
			&:hover {
				background: var(--background-light) !important;
			}
			&.selected-g-kMVV,
			&[style*='; color: rgb(67, 181, 129)'] {
				box-shadow: inset 0 -3px 0px var(--accent-solid);
				background: transparent !important;
			}
		}
	}
	@media (max-width: 1200px) {
		.topPill-3DJJNV {
			width: calc(100vw - var(--sidebar-width) - var(--noasw-base));
		}
	}
	// List
	.peopleColumn-1wMU14 {
		padding-top: 30px;
	}
	.peopleColumn-1wMU14 .scrollerBase-_bVAAt {
		margin-bottom: calc(var(--avatar-size-sm) + var(--spacing-double) - 6px);
		margin-top: 0;
		padding-bottom: 0;
	}
	.title-338goq {
		display: none;
	}
	.peopleListItem-u6dGxF {
		border-top: none;
		margin: 0;
		padding: var(--spacing-double);
		border-radius: 0;
		cursor: var(--cursor);
		box-sizing: border-box;
		&:not(:first-child) {
			border-bottom: 1px solid var(--base-border);
		}
		&.peopleListItem-u6dGxF.active-2UF8Zh,
		&.peopleListItem-u6dGxF:hover {
			background: var(--background-modifier-hover);
		}
		&:active {
			background: var(--background-modifier-active) !important;
		}
	}
	.userInfo-2WpsYG {
		overflow: visible;
		width: 100%;
		flex: 1;
	}
	.nameTag-H6kSJ0 {
		line-height: var(--line-height);
	}
	.username-Qpc78p {
		font-weight: var(--font-weight-normal);
		line-height: normal;
		font-size: var(--font-size);
		color: var(--text-focus);
		align-items: center;
	}
	.discriminator-WV5K5s {
		font-size: var(--font-size-sm);
	}
	.text-MPIeXO {
		font-size: var(--font-size-sm);
		color: var(--text-muted);
		line-height: normal;
	}
	.subtext-xfubwR {
		color: var(--text-muted);
	}
	.actions-OJh0Kn {
		margin-left: var(--spacing);
	}
	.actionButton-3-B2x- {
		color: var(--text-normal);
		background: var(--background-light);
		min-height: var(--input-height);
		height: var(--input-height);
		width: var(--input-height);
		padding: 0;
		border-radius: var(--button-border-radius);
		border: 1px solid var(--base-border);
		cursor: var(--cursor);
		box-shadow: none !important;
		svg {
			width: 16px;
			height: 16px;
		}
		path[d='M4.79805 3C3.80445 3 2.99805 3.8055 2.99805 4.8V15.6C2.99805 16.5936 3.80445 17.4 4.79805 17.4H7.49805V21L11.098 17.4H19.198C20.1925 17.4 20.998 16.5936 20.998 15.6V4.8C20.998 3.8055 20.1925 3 19.198 3H4.79805Z'] {
			d: path(assets.$path_comment);
			transform: scale(1.45) translateY(1px);
		}
		&:hover {
			border-color: currentColor;
		}
		&:focus {
			border-color: currentColor;
			box-shadow: 0 0 0 1px currentColor !important;
		}
	}

	// Empty State Messages

	.image-20MDYu {
		margin: 0;
		width: 175px !important;
		height: 175px !important;
		background: url(assets.$illustration_7) center/contain no-repeat !important;
	}
	.text-27cdrj {
		display: none;
	}
}
