@use '../mixins';

#app-mount {
	.sidebar_c48ade .content__99f8c > div[style='height: 84px;'],
	.sidebar_c48ade .content__99f8c > div[style='height: 16px;'] {
		display: none;
	}

	.container_f37cb1 {
		display: flex;
		flex-direction: column-reverse;
	}

	.header_f37cb1 {
		@include mixins.btn;
		@include mixins.btnSecondary;
		margin: 8px;
		filter: none;
		height: 42px;
		transition: none;

		.headerContent_f37cb1 {
			flex: 1;
		}
		.headerChildren_f37cb1 {
			display: flex;
		}

		.guildIconContainer__85d16 {
			display: none;
		}
		.name_f37cb1 {
			font-weight: var(--font-weight-normal);
			max-width: calc(var(--channels-width) - 64px);
		}

		&:hover {
			background: var(--btn-bg-hover);
		}
	}

	// Banner
	.animatedContainer_f37cb1 {
		background: transparent;
		height: var(--banner-height);
		box-shadow: none;
		width: var(--channels-width);
		position: relative;
		transform: none !important;
		opacity: 1 !important;
		border-bottom: 1px solid var(--border-mid);
	}
	.bannerImage_f37cb1 {
		overflow: hidden;
		width: 100%;
		transform: none !important;
		height: var(--banner-height);
		img {
			width: 100%;
			height: 100%;
		}

		&::before {
			content: none;
		}
	}

	// Public tag
	.communityInfoContainer_f37cb1 {
		margin-top: 75px;
		left: 0;
	}
	.communityInfoPill_f37cb1 {
		border-radius: var(--rounded);
		background: var(--bg-main);
	}
}
