@use '../mixins';

#app-mount {
	.profilePanel_b433b4 {
		border-left: 1px solid var(--border-high);
		background: var(--bg-altuserPanelInner_c69a7b);

		.userPanelOuter_c69a7b:not(.userProfileOuterThemed_c69a7b),
		.userPanelInner_c69a7b {
			background: transparent;
		}

		.bannerSVGWrapper_b32cc2 {
			overflow: visible;
			pointer-events: none;
			foreignObject {
				mask: none;
			}
		}
		.banner__68edb {
			mask: linear-gradient(hsl(0 0% 0% / 0.5), transparent 90%);
			position: absolute;
			width: 100%;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			max-width: unset;
			[role='button'] {
				display: none;
			}
		}
		.gifTag_f60819 {
			display: none;
		}

		.avatarWrapperNormal_f89da9 {
			top: 24px;
			right: 24px;
			left: unset;
			background: hsl(0 0% 100% / 0.2);
			border-color: transparent;
			box-shadow: 0 0 0 8px hsl(0 0% 100% / 0.2);
			circle[fill='black'] {
				fill: transparent;
			}
		}

		.badgelistGroup_ab525a {
			position: absolute;
			top: 85px;
			left: 16px;
			padding: 0;
			margin: 0;
		}
		.badgeList_ab525a {
			background: transparent;
			padding: 0;
		}

		.overlayBackground_c69a7b {
			position: unset;
			background: var(--bg-transparent);
			&:nth-child(2) > .section_d7a21f:first-of-type {
				padding: 0;
				position: absolute;
				top: 16px;
				left: 16px;
				& + .divider_e6f9ab {
					display: none;
				}
			}
		}

		.profilePanelConnections_b433b4 {
			background: transparent;

			button {
				@include mixins.btnSecondary;
			}
		}
		.mutualFriendsDivider_b433b4 {
			border: none;
			margin-top: 12px;
		}
	}
}
