.kob-voting-results {
	width: var(--kob-voting-width, auto);
	max-width: var(--kob-voting-max-width, 900px);
	height: var(--kob-voting-height, auto);
	margin: 0 auto;
	background: var(--kob-voting-bg, transparent);
	color: var(--kob-voting-text, inherit);
	border-radius: var(--kob-voting-radius, 0);
	box-shadow: var(--kob-voting-shadow, none);
	transition: all var(--kob-voting-transition, 0ms) ease;
	padding: 26px;
}

.kob-voting-results__edition-media {
	overflow: hidden;
	border-radius: 12px;
}

.kob-voting-results__edition-media--hero {
	margin-bottom: 20px;
}

.kob-voting-results__edition-media--thumb {
	width: 64px;
	height: 64px;
	flex: 0 0 64px;
}

.kob-voting-results__edition-media--section {
	width: 48px;
	height: 48px;
	flex-basis: 48px;
}

.kob-voting-results__edition-image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.kob-voting-results__edition-image--hero {
	max-height: 320px;
}

.kob-voting-results__header,
.kob-voting-results__area-header {
	display: flex;
	align-items: center;
	gap: 12px;
}

.kob-voting-results__header {
	margin-bottom: 16px;
}

.kob-voting-results__title,
.kob-voting-results__area-title {
	margin: 0;
}

.kob-voting-results__area {
	margin: 24px 0;
	padding: 16px;
	border: 1px solid #e5e5e5;
	border-radius: 6px;
}

.kob-voting-results__area-title {
	margin: 0 0 8px;
}

.kob-voting-results__area-description {
	margin: 0 0 16px;
	color: #50575e;
}

.kob-voting-results__category {
	margin: 16px 0;
}

.kob-voting-results__total {
	margin: 8px 0;
	font-weight: 600;
}

.kob-voting-results__table {
	width: 100%;
	border-collapse: collapse;
}

.kob-voting-results__table th,
.kob-voting-results__table td {
	border: 1px solid #e5e5e5;
	padding: 8px;
	text-align: left;
}

.kob-voting-results__message {
	margin: 12px 0;
}

.kob-voting-results.is-animate-fade {
	animation: kobVotingFade 0.35s ease-out;
}

.kob-voting-results.is-animate-slide {
	animation: kobVotingSlide 0.4s ease-out;
}

@media (max-width: 640px) {
	.kob-voting-results {
		padding: 18px;
	}

	.kob-voting-results__edition-media--thumb {
		width: 52px;
		height: 52px;
		flex-basis: 52px;
	}

	.kob-voting-results__edition-media--section {
		width: 40px;
		height: 40px;
		flex-basis: 40px;
	}
}
