@use '../mixins';

#app-mount {
	.searchResultsWrap_a9e706 {
		border-left: 1px solid var(--border-mid);
		background: var(--bg-alt);
	}
	.searchHeader_f3b986 {
		background: var(--bg-main);
		border-bottom: 1px solid var(--border-mid);
		padding: 8px 8px 8px 16px;
		.size16-rrJ6ag {
			@include mixins.text;
		}
		.item-3XjbnG {
			@include mixins.btn;
			@include mixins.btnSecondary;
			margin: 0;
			height: auto;
			&.selected-g-kMVV {
				@include mixins.btnPrimary;
			}
		}
	}
	.channelName-3w2Y3c {
		background: transparent;
	}
	.container__02a39 .button__02a39 {
		@include mixins.btn;
		@include mixins.btnSecondary;
		height: auto;
	}
	.searchResult__02a39 {
		background: transparent;
		border-radius: 0;
		margin-bottom: 0;
		cursor: var(--cursor);
		.cozy_c19a55 {
			padding-left: calc(var(--chat-spacing-x) + 20px);
		}
		.avatar_c19a55 {
			left: calc(var(--chat-spacing-x) / 2 - 16px);
		}
	}
	.message__02a39 {
		padding-bottom: 0;
	}

	.pageControl-1XvHg0 {
		padding-bottom: 16px;
		& > .pageButton-1GMGeJ,
		div[role='button'] {
			@include mixins.btn;
			@include mixins.btnSecondary;
			min-height: 32px;
			max-height: 32px;
			margin: 0;
			border-radius: 0 !important;
		}
		& > .pageButton-1GMGeJ.activeButton-LRWFC_ {
			@include mixins.btnPrimary;
		}
		& > button {
			&:first-child {
				border-radius: var(--rounded) 0 0 var(--rounded) !important;
			}
			&:last-child {
				border-radius: 0 var(--rounded) var(--rounded) 0 !important;
			}
		}
		.gap-35QmZH {
			margin: 0;
			width: auto;
			height: auto;
			min-width: unset;
			padding: 0;
		}
	}
}
