@use '../assets';

#app-mount .privateChannels-oVe7HL {
	overflow: visible;
	width: var(--sidebar-width);
	background: var(--background);

	.content-2a4AW9 {
		margin-top: var(--toolbar-height);
	}

	// Search Header
	.searchBar-3TnChZ {
		background: var(--toolbar-background);
		border-bottom: 1px solid var(--toolbar-border);
		border-right: 1px solid var(--toolbar-border);
		height: var(--toolbar-height);
		box-shadow: none;
		position: absolute;
		left: calc(var(--container) * -1);
		top: calc(var(--toolbar-height) * -1);
		width: calc(var(--sidebar-width) + var(--noasw-channel-header));
		box-sizing: border-box;
		padding: 0 var(--spacing);
		button {
			box-sizing: border-box;
			background-color: var(--toolbar-search-background);
			border: 1px solid var(--toolbar-border);
			border-radius: var(--border-radius);
			height: var(--input-height);
			transform: translateZ(0);
			font-size: 0;
			box-shadow: none;
			position: relative;
			cursor: text;
			width: 100%;
			font-weight: var(--font-weight-normal);
			color: var(--toolbar-text-muted);
			padding: 0 var(--spacing-half);
			line-height: normal;
			&::before {
				content: 'Where would you like to go?';
				font-size: var(--font-size);
			}
		}
	}

	// Direct messages header
	.privateChannelsHeaderContainer-1UWASm {
		padding: var(--spacing);
		height: auto;
		color: var(--text-normal);
		font-size: 12px;
		text-transform: none;
	}
	.privateChannelRecipientsInviteButtonIcon-1ObKXK {
		display: none;
	}
	.scroller-WSmht3 {
		background: var(--background);
		div[style*='height: 8px'] {
			display: none;
		}
	}

	// Main channel entries
	.container-32HW5s {
		border-radius: 0;
	}
	.link-39sEB3 {
		cursor: var(--cursor);
	}
	.channel-1Shao0 {
		margin: 0;
		max-width: 100%;
		padding: 0;
		.children-283-lq {
			margin-left: var(--spacing-half);
		}
		.layout-1LjVue {
			border-radius: 0;
			padding: 0 var(--spacing);
			cursor: var(--cursor);
		}
		.name-2m3Cms {
			font-size: var(--font-size);
			font-weight: var(--font-weight-normal);
			color: var(--text-normal);
			line-height: normal;
		}
		.avatar-1HDIsL {
			margin-right: var(--spacing);
		}
		.activityText-ev7Z1T,
		.subText-3Sk0zy {
			font-size: var(--font-size-sm);
			font-weight: var(--font-weight-bold);
			color: var(--text-muted);
		}
		.selected-26oxtA {
			color: var(--white);
			background: rgb(var(--accent));
			.closeButton-mupH76 {
				display: block;
				background: var(--white);
			}
			.activityText-ev7Z1T,
			.name-2m3Cms,
			.subText-3Sk0zy {
				color: var(--white) !important;
			}
		}
	}
	.closeButton-mupH76 {
		z-index: 10;
		opacity: 1;
		background: var(--text-muted);
		mask: url(assets.$icon_close) center/11px no-repeat;
		cursor: var(--cursor);
		path {
			display: none;
		}
		&:hover {
			background: var(--text-normal);
		}
	}
	.wrapper-1VLyxH {
		width: 26px !important;
		height: 26px !important;
		&::before {
			right: -190px;
		}
		&::after {
			right: -190px;
		}
	}
	&:hover .wrapper-1VLyxH::before {
		background: linear-gradient(90deg, transparent, var(--background-modifier-hover) 50%);
	}
	&:active .wrapper-1VLyxH::before {
		background: linear-gradient(90deg, transparent, var(--background-modifier-active) 50%);
	}

	// Empty DMs List
	.empty-yQo7LQ {
		display: none;
	}
}

// Light mode optimization
.theme-light #app-mount .privateChannels-oVe7HL .channel-1Shao0.selected-1-Z6gm {
	color: #fff;

	.activityText-ev7Z1T,
	.name-2m3Cms,
	.subText-3Sk0zy {
		color: #fff !important;
	}
}
