.citizen-userInfo {
	padding: var( --space-sm ) var( --space-md ) var( --space-md );
	margin-bottom: var( --space-xs );
	border-bottom: var( --border-width-base ) solid var( --border-color-base );

	&-title {
		font-weight: var( --font-weight-medium );
	}

	&-title > div,
	#pt-userpage-2 > a,
	#pt-tmpuserpage-2 > span {
		padding-block: var( --space-xxs );
		font-size: var( --font-size-medium );
		color: var( --color-emphasized );
	}

	#pt-userpage-2 > a > span {
		display: flex;
		flex-grow: 1;
		flex-wrap: wrap;
		gap: var( --space-xs );
		align-items: baseline;

		&.citizen-keyboard-hint-key {
			display: none;
		}
	}

	#pt-tmpuserpage-2 > span {
		display: block;
	}

	#pt-userpage-username {
		font-size: var( --font-size-small );
		color: var( --color-subtle );
	}

	&-text {
		font-size: var( --font-size-small );
		line-height: var( --line-height-xx-small );
		color: var( --color-subtle );

		+ .citizen-userInfo-edits {
			margin-top: var( --space-sm );
		}
	}

	&-usergroups {
		display: flex;
		flex-wrap: wrap;
		gap: 0 var( --space-xs );
		margin: 0;
		list-style: none;

		a {
			color: var( --color-subtle );
		}
	}

	&-edits {
		&-count {
			font-size: 1.75rem;
			font-weight: var( --font-weight-medium );
			color: var( --color-emphasized );
		}

		&-label {
			font-size: var( --font-size-small );
			color: var( --color-subtle );
			letter-spacing: 0.05em;
		}
	}
}

#pt-userpage-2 > a {
	padding-inline: 0;
	border-radius: var( --border-radius-base );
}
