.hopopup-elected {
	--elected-primary: var(--hopopup-commune-color-primary, var(--hopopup-color-primary, #006b5f));
	--elected-ink: var(--hopopup-commune-color-text, var(--hopopup-color-ink, #17212b));
	--elected-muted: var(--hopopup-commune-color-muted, var(--hopopup-color-muted, #5d6a76));
	--elected-surface: var(--hopopup-commune-color-surface, var(--hopopup-color-surface, #ffffff));
	--elected-soft: var(--hopopup-color-surface-soft, #f5f7f6);
	--elected-border: var(--hopopup-commune-color-border, var(--hopopup-color-border, #d8dfdd));
	--elected-accent: var(--elected-primary);
	--elected-accent-text: #ffffff;
	--elected-columns-default: 5;
	--elected-photo-width-default: 96px;
	--elected-radius: 8px;
	--elected-layout-photo-ratio: 4 / 5;
	box-sizing: border-box;
	width: 100%;
	max-width: var(--hopopup-elected-container-max-width, none);
	margin-inline: auto;
	padding: var(--hopopup-elected-container-padding, 0);
	color: var(--elected-ink);
	font-family: var(--hopopup-commune-font-family, inherit);
}

.hopopup-elected *,
.hopopup-elected *::before,
.hopopup-elected *::after {
	box-sizing: border-box;
}

.hopopup-elected-empty {
	margin: 0;
	border: 1px solid var(--elected-border);
	border-radius: var(--hopopup-elected-card-border-radius, var(--elected-radius));
	background: var(--elected-surface);
	padding: 1rem;
	color: var(--elected-muted);
}

.hopopup-elected__title {
	margin: 0 0 var(--hopopup-elected-main-title-spacing, 1rem);
	color: var(--hopopup-elected-main-title-color, var(--elected-title-color, var(--elected-ink)));
	font-family: var(--hopopup-elected-main-title-font-family, var(--hopopup-commune-h2-font-family, inherit));
	font-size: var(--hopopup-elected-main-title-font-size, var(--hopopup-commune-h2-font-size, clamp(1.6rem, 3vw, 2.35rem)));
	font-style: var(--hopopup-elected-main-title-font-style, var(--hopopup-commune-h2-font-style, normal));
	font-weight: var(--hopopup-elected-main-title-font-weight, var(--hopopup-commune-h2-font-weight, 700));
	line-height: var(--hopopup-elected-main-title-line-height, var(--hopopup-commune-h2-line-height, 1.12));
	letter-spacing: var(--hopopup-elected-main-title-letter-spacing, var(--hopopup-commune-h2-letter-spacing, normal));
	text-align: var(--hopopup-elected-main-title-align, var(--elected-legacy-main-title-align, left));
	text-decoration: var(--hopopup-elected-main-title-text-decoration, var(--hopopup-commune-h2-text-decoration, none));
	text-transform: var(--hopopup-elected-main-title-text-transform, var(--hopopup-commune-h2-text-transform, none));
}

.hopopup-elected-mayor {
	display: flex;
	justify-content: var(--hopopup-elected-mayor-align, var(--elected-legacy-mayor-align, center));
	margin-bottom: 0;
}

.hopopup-elected-group + .hopopup-elected-group {
	margin-top: var(--hopopup-elected-group-spacing, 2rem);
}

.hopopup-elected-group__title {
	margin: 0 0 var(--hopopup-elected-group-title-spacing, 0.9rem);
	border-style: var(--hopopup-elected-group-title-border-style, none);
	border-width: var(--hopopup-elected-group-title-border-width, 0);
	border-color: var(--hopopup-elected-group-title-border-color, transparent);
	border-radius: var(--hopopup-elected-group-title-border-radius, 0);
	overflow: var(--hopopup-elected-group-title-overflow, visible);
	background: var(--hopopup-elected-group-title-background, transparent);
	padding: var(--hopopup-elected-group-title-padding, 0);
	color: var(--hopopup-elected-group-title-color, var(--elected-title-color, var(--elected-ink)));
	font-family: var(--hopopup-elected-group-title-font-family, var(--hopopup-commune-h2-font-family, inherit));
	font-size: var(--hopopup-elected-group-title-font-size, var(--hopopup-commune-h2-font-size, clamp(1.35rem, 2.5vw, 2rem)));
	font-style: var(--hopopup-elected-group-title-font-style, var(--hopopup-commune-h2-font-style, normal));
	font-weight: var(--hopopup-elected-group-title-font-weight, var(--hopopup-commune-h2-font-weight, 700));
	line-height: var(--hopopup-elected-group-title-line-height, var(--hopopup-commune-h2-line-height, 1.15));
	letter-spacing: var(--hopopup-elected-group-title-letter-spacing, var(--hopopup-commune-h2-letter-spacing, normal));
	text-align: var(--hopopup-elected-group-title-align, var(--elected-legacy-group-title-align, left));
	text-decoration: var(--hopopup-elected-group-title-text-decoration, var(--hopopup-commune-h2-text-decoration, none));
	text-transform: var(--hopopup-elected-group-title-text-transform, var(--hopopup-commune-h2-text-transform, none));
}

.hopopup-elected-grid {
	display: flex;
	flex-wrap: wrap;
	column-gap: var(--hopopup-elected-column-gap, 1rem);
	row-gap: var(--hopopup-elected-row-gap, 1rem);
	justify-content: var(--hopopup-elected-row-justify, var(--elected-legacy-row-justify, center));
	align-items: var(--hopopup-elected-align-items, stretch);
}

.hopopup-elected-grid > .hopopup-elected-card {
	flex: 0 0 calc(
		(100% + var(--hopopup-elected-column-gap, 1rem))
		/ var(--hopopup-elected-columns, var(--elected-legacy-columns, var(--elected-columns-default)))
		- var(--hopopup-elected-column-gap, 1rem)
	);
	max-width: min(100%, var(--hopopup-elected-card-max-width, 100%));
}

.hopopup-elected-card {
	display: grid;
	grid-template-columns: minmax(96px, min(var(--hopopup-elected-photo-width, var(--elected-photo-width-default)), 42%)) minmax(0, 1fr);
	gap: var(--hopopup-elected-card-content-gap, 1rem);
	align-items: stretch;
	width: 100%;
	min-width: 0;
	min-height: 0;
	border-style: var(--hopopup-elected-card-border-style, solid);
	border-width: var(--hopopup-elected-card-border-width, 1px);
	border-color: var(--hopopup-elected-card-border-color, var(--elected-border));
	border-radius: var(--hopopup-elected-card-border-radius, var(--elected-radius));
	overflow: var(--hopopup-elected-card-overflow, visible);
	background: var(--hopopup-elected-card-background, var(--elected-surface));
	box-shadow: var(--hopopup-elected-card-shadow, none);
	padding: var(--hopopup-elected-card-padding, 1rem);
	text-align: var(--hopopup-elected-card-text-align, var(--elected-legacy-card-text-align, left));
	transition:
		transform var(--hopopup-commune-transition-duration, 160ms) ease,
		box-shadow var(--hopopup-commune-transition-duration, 160ms) ease,
		background-color var(--hopopup-commune-transition-duration, 160ms) ease,
		border-color var(--hopopup-commune-transition-duration, 160ms) ease;
}

.hopopup-elected--grid .hopopup-elected-card {
	min-height: var(--hopopup-elected-horizontal-card-min-height, 0);
}

.hopopup-elected-card:hover,
.hopopup-elected-card.hopopup-preview-force-hover {
	border-style: var(--hopopup-elected-card-border-style-hover, var(--hopopup-elected-card-border-style, solid));
	border-width: var(--hopopup-elected-card-border-width-hover, var(--hopopup-elected-card-border-width, 1px));
	border-color: var(--hopopup-elected-card-border-color-hover, var(--hopopup-elected-card-border-color, var(--elected-border)));
	border-radius: var(--hopopup-elected-card-border-radius-hover, var(--hopopup-elected-card-border-radius, var(--elected-radius)));
	background: var(--hopopup-elected-card-background-hover, var(--hopopup-elected-card-background, var(--elected-surface)));
	box-shadow: var(--hopopup-elected-card-shadow-hover, var(--hopopup-elected-card-shadow, 0 10px 30px rgba(23, 33, 43, 0.08)));
	transform: translateY(calc(var(--hopopup-elected-card-hover-lift, 2px) * -1));
}

.hopopup-elected-card--mayor {
	width: 100%;
	max-width: min(100%, var(--hopopup-elected-mayor-max-width, var(--hopopup-elected-card-max-width, var(--elected-mayor-max-width-default, 520px))));
	grid-template-columns: minmax(120px, calc(var(--hopopup-elected-photo-width, var(--elected-photo-width-default)) * 1.45)) minmax(0, 1fr);
	border-style: var(--hopopup-elected-mayor-border-style, var(--hopopup-elected-card-border-style, solid));
	border-width: var(--hopopup-elected-mayor-border-width, var(--hopopup-elected-card-border-width, 1px));
	border-color: var(--hopopup-elected-mayor-border-color, #b8d8d3);
	border-radius: var(--hopopup-elected-mayor-border-radius, var(--hopopup-elected-card-border-radius, var(--elected-radius)));
	overflow: var(--hopopup-elected-mayor-overflow, var(--hopopup-elected-card-overflow, visible));
	background: var(--hopopup-elected-mayor-background, linear-gradient(90deg, #edf7f5 0%, #ffffff 62%));
	box-shadow: var(--hopopup-elected-mayor-shadow, var(--hopopup-elected-card-shadow, none));
}

.hopopup-elected-card--mayor:hover,
.hopopup-elected-card--mayor.hopopup-preview-force-hover {
	border-style: var(--hopopup-elected-mayor-border-style-hover, var(--hopopup-elected-mayor-border-style, solid));
	border-width: var(--hopopup-elected-mayor-border-width-hover, var(--hopopup-elected-mayor-border-width, 1px));
	border-color: var(--hopopup-elected-mayor-border-color-hover, var(--hopopup-elected-mayor-border-color, #b8d8d3));
	border-radius: var(--hopopup-elected-mayor-border-radius-hover, var(--hopopup-elected-mayor-border-radius, var(--hopopup-elected-card-border-radius, var(--elected-radius))));
	background: var(--hopopup-elected-mayor-background-hover, var(--hopopup-elected-mayor-background, #edf7f5));
	box-shadow: var(--hopopup-elected-mayor-shadow-hover, var(--hopopup-elected-mayor-shadow, none));
}

.hopopup-elected-card__photo {
	position: relative;
	display: grid;
	place-items: center;
	overflow: var(--hopopup-elected-photo-overflow, hidden);
	width: 100%;
	aspect-ratio: var(--hopopup-elected-photo-ratio, var(--elected-legacy-photo-ratio, var(--elected-layout-photo-ratio, 4 / 5)));
	min-height: var(--hopopup-elected-photo-min-height, 0);
	border-style: var(--hopopup-elected-photo-border-style, none);
	border-width: var(--hopopup-elected-photo-border-width, 0);
	border-color: var(--hopopup-elected-photo-border-color, transparent);
	border-radius: var(--hopopup-elected-photo-border-radius, var(--hopopup-elected-card-border-radius, var(--elected-radius)));
	background: var(--hopopup-elected-photo-background, var(--elected-soft));
	color: var(--elected-primary);
	font-size: 1.4rem;
	font-weight: 800;
	text-decoration: none;
}

.hopopup-elected-card--photo-link .hopopup-elected-card__photo,
.hopopup-elected-preview--photo-link .hopopup-elected-card__photo {
	cursor: zoom-in;
}

.hopopup-elected .hopopup-elected-card__photo > img {
	position: absolute;
	z-index: 0;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	max-height: none;
	margin: 0;
	object-fit: var(--hopopup-elected-photo-fit, cover);
	object-position: var(--hopopup-elected-photo-position, center center);
	transition: transform var(--hopopup-commune-transition-duration, 160ms) ease;
}

.hopopup-elected-preview-avatar {
	display: grid;
	width: 100%;
	height: 100%;
	place-items: center;
	transition: transform var(--hopopup-commune-transition-duration, 160ms) ease;
}

.hopopup-elected-card:hover .hopopup-elected-card__photo > img,
.hopopup-elected-card:hover .hopopup-elected-preview-avatar,
.hopopup-elected-card.hopopup-preview-force-hover .hopopup-elected-card__photo > img,
.hopopup-elected-card.hopopup-preview-force-hover .hopopup-elected-preview-avatar {
	transform: scale(var(--hopopup-elected-photo-zoom, 1.04));
}

.hopopup-elected-card__overlay {
	position: absolute;
	z-index: 2;
	inset: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0.55rem;
	padding: var(--hopopup-elected-overlay-padding, 1rem);
	background: transparent;
	color: #ffffff;
	isolation: isolate;
	opacity: 0;
	pointer-events: none;
	transition: opacity var(--hopopup-commune-transition-duration, 160ms) ease;
}

.hopopup-elected-card__overlay::before {
	position: absolute;
	z-index: 0;
	inset: 0;
	background: var(--hopopup-elected-overlay-background, #17212b);
	content: "";
	opacity: var(--hopopup-elected-overlay-opacity, 0.82);
}

.hopopup-elected-card:hover .hopopup-elected-card__overlay,
.hopopup-elected-card.hopopup-preview-force-hover .hopopup-elected-card__overlay,
.hopopup-elected-card__photo:focus .hopopup-elected-card__overlay,
.hopopup-elected-card__photo:focus-visible .hopopup-elected-card__overlay,
.hopopup-elected-card__photo.hopopup-preview-force-focus .hopopup-elected-card__overlay {
	opacity: 1;
}

.hopopup-elected-card__overlay-name,
.hopopup-elected-card__overlay-delegation {
	position: relative;
	z-index: 1;
	display: block;
	text-align: center;
}

.hopopup-elected-card__overlay-name {
	color: var(--hopopup-elected-name-color-hover, var(--hopopup-elected-name-color, #ffffff));
	font-family: var(--hopopup-elected-name-font-family, var(--hopopup-commune-h3-font-family, inherit));
	font-size: var(--hopopup-elected-name-font-size, var(--hopopup-commune-h3-font-size, 1rem));
	font-style: var(--hopopup-elected-name-font-style, var(--hopopup-commune-h3-font-style, normal));
	font-weight: var(--hopopup-elected-name-font-weight, var(--hopopup-commune-h3-font-weight, 700));
	line-height: var(--hopopup-elected-name-line-height, var(--hopopup-commune-h3-line-height, 1.25));
	letter-spacing: var(--hopopup-elected-name-letter-spacing, var(--hopopup-commune-h3-letter-spacing, normal));
	text-decoration: var(--hopopup-elected-name-text-decoration, var(--hopopup-commune-h3-text-decoration, none));
	text-transform: var(--hopopup-elected-name-text-transform, var(--hopopup-commune-h3-text-transform, none));
}

.hopopup-elected-card__overlay-delegation {
	color: var(--hopopup-elected-secondary-color, #ffffff);
	font-family: var(--hopopup-elected-secondary-font-family, var(--hopopup-commune-secondary-font-family, inherit));
	font-size: var(--hopopup-elected-secondary-font-size, var(--hopopup-commune-secondary-font-size, 0.85rem));
	font-style: var(--hopopup-elected-secondary-font-style, var(--hopopup-commune-secondary-font-style, normal));
	font-weight: var(--hopopup-elected-secondary-font-weight, var(--hopopup-commune-secondary-font-weight, 400));
	line-height: var(--hopopup-elected-secondary-line-height, var(--hopopup-commune-secondary-line-height, 1.35));
	letter-spacing: var(--hopopup-elected-secondary-letter-spacing, var(--hopopup-commune-secondary-letter-spacing, normal));
	text-decoration: var(--hopopup-elected-secondary-text-decoration, var(--hopopup-commune-secondary-text-decoration, none));
	text-transform: var(--hopopup-elected-secondary-text-transform, var(--hopopup-commune-secondary-text-transform, none));
}

.hopopup-elected-card__body {
	min-width: 0;
}

.hopopup-elected-card__kicker,
.hopopup-elected-card__function,
.hopopup-elected-card__delegation,
.hopopup-elected-card__meta {
	margin: 0;
}

.hopopup-elected-card__function--photo-band {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	display: none;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: var(--hopopup-elected-function-band-height, 3em);
	height: var(--hopopup-elected-function-band-height, 3em);
	border-radius: 0;
	overflow: hidden;
	padding: 0.25em 0.65em;
	text-align: center;
	text-transform: uppercase;
}

.hopopup-elected-card__body[hidden],
.hopopup-elected-card__function[hidden],
.hopopup-elected-card__meta[hidden] {
	display: none !important;
}

.hopopup-elected-card__kicker {
	color: var(--elected-primary);
	font-size: 0.85rem;
	font-weight: 800;
	text-transform: uppercase;
}

.hopopup-elected-card__name {
	margin: 0 0 var(--hopopup-elected-name-spacing, 0.25rem);
	color: var(--hopopup-elected-name-color, var(--elected-ink));
	font-family: var(--hopopup-elected-name-font-family, var(--hopopup-commune-h3-font-family, inherit));
	font-size: var(--hopopup-elected-name-font-size, var(--hopopup-commune-h3-font-size, 1.18rem));
	font-style: var(--hopopup-elected-name-font-style, var(--hopopup-commune-h3-font-style, normal));
	font-weight: var(--hopopup-elected-name-font-weight, var(--hopopup-commune-h3-font-weight, 700));
	line-height: var(--hopopup-elected-name-line-height, var(--hopopup-commune-h3-line-height, 1.25));
	letter-spacing: var(--hopopup-elected-name-letter-spacing, var(--hopopup-commune-h3-letter-spacing, normal));
	text-decoration: var(--hopopup-elected-name-text-decoration, var(--hopopup-commune-h3-text-decoration, none));
	text-transform: var(--hopopup-elected-name-text-transform, var(--hopopup-commune-h3-text-transform, none));
}

.hopopup-elected-card:hover .hopopup-elected-card__name,
.hopopup-elected-card.hopopup-preview-force-hover .hopopup-elected-card__name {
	color: var(--hopopup-elected-name-color-hover, var(--hopopup-elected-name-color, var(--elected-ink)));
}

.hopopup-elected-card--mayor .hopopup-elected-card__name {
	font-size: max(var(--hopopup-elected-name-font-size, 1.18rem), 1.45rem);
}

.hopopup-elected-card__function {
	width: fit-content;
	border-radius: max(3px, calc(var(--hopopup-elected-card-border-radius, var(--elected-radius)) / 2));
	background: var(--hopopup-elected-function-background, var(--elected-accent));
	padding: var(--hopopup-elected-function-padding, 0.32rem 0.55rem);
	color: var(--hopopup-elected-function-color, var(--elected-accent-text));
	font-family: var(--hopopup-elected-function-font-family, inherit);
	font-size: var(--hopopup-elected-function-font-size, 0.95rem);
	font-style: var(--hopopup-elected-function-font-style, normal);
	font-weight: var(--hopopup-elected-function-font-weight, 800);
	line-height: var(--hopopup-elected-function-line-height, 1.15);
	letter-spacing: var(--hopopup-elected-function-letter-spacing, normal);
	text-align: left;
	text-decoration: var(--hopopup-elected-function-text-decoration, none);
	text-transform: var(--hopopup-elected-function-text-transform, none);
}

.hopopup-elected-card__function.hopopup-elected-card__function--photo-band {
	width: 100%;
	border-radius: 0;
	padding: var(--hopopup-elected-function-padding, 0.25em 0.65em);
	text-align: center;
	text-transform: uppercase;
}

.hopopup-elected-card__meta {
	display: grid;
	gap: 0.25rem;
	margin-top: var(--hopopup-elected-secondary-spacing, 0.65rem);
	padding: 0;
	list-style: none;
	color: var(--hopopup-elected-secondary-color, var(--elected-muted));
	font-family: var(--hopopup-elected-secondary-font-family, var(--hopopup-commune-secondary-font-family, inherit));
	font-size: var(--hopopup-elected-secondary-font-size, var(--hopopup-commune-secondary-font-size, 0.92rem));
	font-style: var(--hopopup-elected-secondary-font-style, var(--hopopup-commune-secondary-font-style, normal));
	font-weight: var(--hopopup-elected-secondary-font-weight, var(--hopopup-commune-secondary-font-weight, 400));
	line-height: var(--hopopup-elected-secondary-line-height, var(--hopopup-commune-secondary-line-height, 1.4));
	letter-spacing: var(--hopopup-elected-secondary-letter-spacing, var(--hopopup-commune-secondary-letter-spacing, normal));
	text-decoration: var(--hopopup-elected-secondary-text-decoration, var(--hopopup-commune-secondary-text-decoration, none));
	text-transform: var(--hopopup-elected-secondary-text-transform, var(--hopopup-commune-secondary-text-transform, none));
}

.hopopup-elected-card__meta a {
	color: var(--hopopup-elected-link-color, var(--hopopup-commune-link-color, var(--elected-ink)));
	font-family: var(--hopopup-elected-link-font-family, var(--hopopup-commune-link-font-family, inherit));
	font-size: var(--hopopup-elected-link-font-size, var(--hopopup-commune-link-font-size, inherit));
	font-style: var(--hopopup-elected-link-font-style, var(--hopopup-commune-link-font-style, normal));
	font-weight: var(--hopopup-elected-link-font-weight, var(--hopopup-commune-link-font-weight, inherit));
	line-height: var(--hopopup-elected-link-line-height, var(--hopopup-commune-link-line-height, inherit));
	letter-spacing: var(--hopopup-elected-link-letter-spacing, var(--hopopup-commune-link-letter-spacing, normal));
	text-decoration: var(--hopopup-elected-link-decoration, var(--hopopup-commune-link-decoration, underline));
	text-transform: var(--hopopup-elected-link-text-transform, var(--hopopup-commune-link-text-transform, none));
}

.hopopup-elected-card__meta a:hover,
.hopopup-elected-card__meta a.hopopup-preview-force-hover {
	color: var(--hopopup-elected-link-color-hover, var(--hopopup-commune-link-color-hover, var(--hopopup-elected-link-color, var(--elected-ink))));
	text-decoration: var(--hopopup-elected-link-decoration-hover, var(--hopopup-commune-link-decoration-hover, underline));
}

.hopopup-elected-card__meta a:focus-visible,
.hopopup-elected-card__meta a.hopopup-preview-force-focus {
	color: var(--hopopup-elected-link-color-focus, var(--hopopup-commune-link-color-focus, var(--hopopup-elected-link-color, var(--elected-ink))));
}

.hopopup-elected--grid .hopopup-elected-card {
	align-items: stretch;
}

.hopopup-elected--grid .hopopup-elected-card__photo {
	align-self: stretch;
	min-height: max(var(--hopopup-elected-photo-min-height, 0px), 150px);
	aspect-ratio: auto;
}

.hopopup-elected--grid .hopopup-elected-card__body {
	align-self: center;
	padding-block: .25rem;
}

.hopopup-elected--portrait,
.hopopup-elected--compact {
	--elected-mayor-max-width-default: 300px;
}

.hopopup-elected--portrait {
	--elected-layout-photo-ratio: 4 / 5;
}

.hopopup-elected--compact {
	--elected-layout-photo-ratio: 1 / 1;
}

.hopopup-elected--portrait .hopopup-elected-card,
.hopopup-elected--compact .hopopup-elected-card {
	display: flex;
	flex-direction: column;
	gap: 0;
	overflow: var(--hopopup-elected-card-overflow, hidden);
	padding: 0;
}

.hopopup-elected--portrait .hopopup-elected-card__photo,
.hopopup-elected--compact .hopopup-elected-card__photo {
	width: 100%;
	max-width: none;
	border-radius: var(--hopopup-elected-photo-border-radius, var(--hopopup-elected-card-border-radius, var(--elected-radius)));
}

.hopopup-elected--portrait .hopopup-elected-card__body,
.hopopup-elected--compact .hopopup-elected-card__body {
	display: flex;
	flex: 0 0 auto;
	flex-direction: column;
	width: 100%;
	padding: var(--hopopup-elected-card-padding, 1rem);
}

.hopopup-elected--portrait .hopopup-elected-card__function--photo-band,
.hopopup-elected--compact .hopopup-elected-card__function--photo-band {
	display: flex;
}

.hopopup-elected--grid .hopopup-elected-card__function--photo-band {
	display: none;
}


.hopopup-elected-legend {
	margin-top: var(--hopopup-elected-group-spacing, 2.5rem);
	border-style: var(--hopopup-elected-legend-border-style, solid);
	border-width: var(--hopopup-elected-legend-border-width, 1px 0 0);
	border-color: var(--hopopup-elected-legend-border-color, var(--elected-border));
	border-radius: var(--hopopup-elected-legend-border-radius, 0);
	overflow: var(--hopopup-elected-legend-overflow, visible);
	background: var(--hopopup-elected-legend-background, transparent);
	padding: var(--hopopup-elected-legend-padding, 1.25rem 0 0);
}

.hopopup-elected-legend__title {
	margin: 0 0 0.85rem;
	color: var(--hopopup-elected-legend-title-color, var(--elected-title-color, var(--elected-ink)));
	font-family: var(--hopopup-elected-legend-title-font-family, var(--hopopup-commune-h3-font-family, inherit));
	font-size: var(--hopopup-elected-legend-title-font-size, 1.15rem);
	font-style: var(--hopopup-elected-legend-title-font-style, normal);
	font-weight: var(--hopopup-elected-legend-title-font-weight, 700);
	line-height: var(--hopopup-elected-legend-title-line-height, 1.2);
	letter-spacing: var(--hopopup-elected-legend-title-letter-spacing, normal);
	text-decoration: var(--hopopup-elected-legend-title-text-decoration, none);
	text-transform: var(--hopopup-elected-legend-title-text-transform, none);
}

.hopopup-elected-legend__list {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
	gap: var(--hopopup-elected-legend-gap, 0.65rem) 1.5rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.hopopup-elected-legend__item {
	display: flex;
	gap: 0.7rem;
	align-items: flex-start;
	color: var(--hopopup-elected-legend-text-color, var(--elected-muted));
	font-family: var(--hopopup-elected-legend-text-font-family, var(--hopopup-commune-secondary-font-family, inherit));
	font-size: var(--hopopup-elected-legend-text-font-size, 0.88rem);
	font-style: var(--hopopup-elected-legend-text-font-style, normal);
	font-weight: var(--hopopup-elected-legend-text-font-weight, 400);
	line-height: var(--hopopup-elected-legend-text-line-height, 1.4);
	letter-spacing: var(--hopopup-elected-legend-text-letter-spacing, normal);
	text-decoration: var(--hopopup-elected-legend-text-text-decoration, none);
	text-transform: var(--hopopup-elected-legend-text-text-transform, none);
}

.hopopup-elected-legend__swatch {
	flex: 0 0 32px;
	width: 32px;
	height: 9px;
	margin-top: 0.32em;
}

.hopopup-elected a:focus-visible,
.hopopup-elected [tabindex="0"]:focus-visible {
	outline: var(--hopopup-commune-focus-width, 3px) var(--hopopup-commune-focus-style, solid) var(--hopopup-commune-color-focus, var(--elected-primary));
	outline-offset: var(--hopopup-commune-focus-offset, 3px);
}

.hopopup-elected--size-small {
	--elected-photo-width-default: 76px;
}

.hopopup-elected--size-large {
	--elected-photo-width-default: 126px;
}

.hopopup-elected--radius-square {
	--elected-radius: 0;
}

.hopopup-elected--radius-rounded {
	--elected-radius: 16px;
}

.hopopup-elected--image-square {
	--elected-legacy-photo-ratio: 1 / 1;
}

.hopopup-elected--custom-colors .hopopup-elected__title,
.hopopup-elected--custom-colors .hopopup-elected-group__title,
.hopopup-elected--custom-colors .hopopup-elected-legend__title {
	color: var(--elected-title-color);
}


.hopopup-elected--align-left {
	--elected-legacy-row-justify: flex-start;
	--elected-legacy-main-title-align: left;
	--elected-legacy-group-title-align: left;
	--elected-legacy-mayor-align: flex-start;
	--elected-legacy-card-text-align: left;
}

.hopopup-elected--align-center {
	--elected-legacy-row-justify: center;
	--elected-legacy-main-title-align: center;
	--elected-legacy-group-title-align: center;
	--elected-legacy-mayor-align: center;
	--elected-legacy-card-text-align: center;
}

.hopopup-elected--align-right {
	--elected-legacy-row-justify: flex-end;
	--elected-legacy-main-title-align: right;
	--elected-legacy-group-title-align: right;
	--elected-legacy-mayor-align: flex-end;
	--elected-legacy-card-text-align: right;
}

.hopopup-elected--max-1 { --elected-legacy-columns: 1; }
.hopopup-elected--max-2 { --elected-legacy-columns: 2; }
.hopopup-elected--max-3 { --elected-legacy-columns: 3; }
.hopopup-elected--max-4 { --elected-legacy-columns: 4; }
.hopopup-elected--max-5 { --elected-legacy-columns: 5; }
.hopopup-elected--max-6 { --elected-legacy-columns: 6; }
.hopopup-elected--max-7 { --elected-legacy-columns: 7; }
.hopopup-elected--max-8 { --elected-legacy-columns: 8; }

@media (max-width: 1024px) {
	.hopopup-elected {
		--elected-columns-default: 3;
	}

	.hopopup-elected--max-1 { --elected-legacy-columns: 1; }
	.hopopup-elected--max-2 { --elected-legacy-columns: 2; }
	.hopopup-elected--max-3,
	.hopopup-elected--max-4,
	.hopopup-elected--max-5,
	.hopopup-elected--max-6,
	.hopopup-elected--max-7,
	.hopopup-elected--max-8 { --elected-legacy-columns: 3; }
}

@media (max-width: 767px) {
	.hopopup-elected {
		--elected-columns-default: 1;
	}

	.hopopup-elected--max-1,
	.hopopup-elected--max-2,
	.hopopup-elected--max-3,
	.hopopup-elected--max-4,
	.hopopup-elected--max-5,
	.hopopup-elected--max-6,
	.hopopup-elected--max-7,
	.hopopup-elected--max-8 { --elected-legacy-columns: 1; }

	.hopopup-elected-card,
	.hopopup-elected-card--mayor {
		grid-template-columns: 1fr;
	}

	.hopopup-elected-card__photo {
		width: 100%;
		max-width: 240px;
	}

	.hopopup-elected--grid .hopopup-elected-card__photo {
		height: auto;
		min-height: 0;
		max-width: none;
		aspect-ratio: var(--hopopup-elected-photo-ratio, var(--elected-legacy-photo-ratio, 4 / 5));
	}
}

@media (prefers-reduced-motion: reduce) {
	.hopopup-elected-card,
	.hopopup-elected-card__overlay,
	.hopopup-elected-card__photo > img,
	.hopopup-elected-preview-avatar {
		transition: none;
	}
}